整体布局是要注意:
1、网站页面布局时要优先保证标准流。
2、要将浮动或定位等脱离标准流的版块放到一个标准流的父盒子内部。
从总体慢慢细分。
红色是最大的板块,橙色其次,最后是黄色板块。一层一层按层次来写。
范例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>固定布局范例页面结构说明——软件学院页面</title>
</head>
<body>
<!--结构划分:几个板块几个div-->
<div class="header">
<div class="logo"></div>
<div class="nav"></div>
</div>
<div class="main">
<div class="lunbo"></div>
<div class="news">
<div class="search"></div>
<div class="tongzhi"></div>
<div class="xinwen"></div>
</div>
<div class="zhuanye">
<div class="dongdai"></div>
<div class="zhaosheng"></div>
<div class="shixun"></div>
</div>
<div class="xuesheng"></div>
<div class="shizi"></div>
</div>
<div class="footer">
</div>
</body>
</html>