很多人都对Div+CSS样式垂直布局有不解之处 我也一样 刚才自己研究了下 写了一个 分为header body 和footer 不管内容多少,保证footer始终在最下边,代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body style="margin: 0px; position: absolute; min-height: 100%; width: 100%; background-color: Gray;
_height: 100%;">
<div style="height: 30px; background-color :Blue;">
header</div>
<div style="height: 30px;">
22</div>
<div style=" padding-bottom:30px;">
<div style="height: 200px;">
33</div>
<br />
<div style="height: 200px;">
33</div>
<br />
<div style="height: 200px;">
33</div>
<br />
<div style="height: 200px;">
33</div>
<br />
</div>
<div style="height: 30px; position: absolute; bottom: 0px; background-color :Red ">
footer
</div>
</body>
</html>
只是初学,不妥之处还请大家见谅