HTML之标准版面设计

代码

 <代码> & lt; !DOCTYPE html>
　　& lt; html lang=癳n”比;
　　& lt; head>
　　& lt;元charset=皍tf - 8”比;
　　& lt; title> Title
　　& lt; style>
　　.pg-header {/*位置用于固定标题头永远放在上面*/位置:固定;
　　右:0;
　　左:0;
　　上图:0;
　　background - color: # 2459 a2;/*高度、行高用于设置行高,并将内容居中*/高度:48 px;
　　行高:48 px;
　　}
　　.pg-body {
　　背景颜色:白色;/* margin-top:用于设置去顶部的边距,头部是48 px,所以这里是50 px,预留了一部分空间;*/margin-top: 48 px;
　　身高:5000 px;
　　}
　　.w {/*宽度:为头部具体内容宽度;*/宽度:980 px;
　　保证金:0汽车;
　　}
　　.pg-header .menu {/*使其既具有块的宽度和高度特性*/显示:inline-block;/*使该标签的上下边距为0,左右边距为10 px */填充:0 10 px;
　　颜色:白色;
　　}/*当鼠标放到此位置时,进行背景颜色替换*/.pg-header .menu:{徘徊
　　background - color:水;
　　}
　　& lt;/style>
　　& lt;/head>
　　& lt; body>
　　& lt; div类=皃g-header”比;
　　& lt; div类=皐”比;
　　& lt; div比;
　　& lt;一个类="标志"祝辞LOGO
　　& lt;一个类=安说ァ痹谌? lt;/a>
　　& lt;一个类=安说ァ痹?2区& lt;/a>
　　& lt;一个类=安说ァ弊４巧缜? lt;/a>
　　& lt;一个类=安说ァ弊４嵌巫? lt;/a>
　　& lt;一个类=安说ァ痹?024 & lt;/a>
　　& lt;/div>
　　& lt; !——浮动:对让登陆标签右移动——比;
　　& lt; div类="菜单"祝辞登陆& lt;/div>
　　& lt; !——浮动:对让注册标签右移动——比;
　　& lt; div类="菜单"祝辞注册& lt;/div>
　　& lt; !——当父div管不住子div的浮动时,可使用如使下面的语句——比;
　　& lt; div风格="明确:,“祝辞& lt;/div>
　　& lt;/div>
　　& lt;/div>
　　& lt; div类=皃g-body”比;
　　& lt; div类=" w "祝辞bbbb