div两边对齐的问题!!
发布网友
发布时间:2024-10-13 09:00
我来回答
共4个回答
热心网友
时间:2024-10-22 08:32
padding-bottom:32767px; margin-bottom:-32767px; 这个是利用外边距内填充来互相抵消 那么这个数据尅有随便改的,但是一定要长于页面长度 至于你说的 下面很长一块 这个好解决 只要在zt 加上溢出隐藏 也就是 overflow:hidden 这样就可以解决了 最好加上个 zoom:1 ie6 bug
热心网友
时间:2024-10-22 08:32
这样就可以让两边自动对齐了,测试运行正常:
<html>
<head>
<title>div左右两边对齐的问题!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
body {text-align:center;margin:0 auto;}
div {padding:0px;margin:0px auto;}
.zt {text-align:center;margin:0 auto;width:1000px;background:#fc0;}
#left,#right{ padding-bottom:32767px; margin-bottom:-32767px; }
#left{width:240px;background:#f00;float:left;}
#right{width:750px;background:#0ff;margin-left:10px;float:right;}
#footer{clear:left;height:90px;background:#000;}
}
</style>
</head>
<body>
<div class="zt">
<div id="left">
<p>1111111111111111</p>
<p>1111111111111111</p>
<p>1111111111111111</p>
<p>1111111111111111</p>
<p>1111111111111111</p>
<p>1111111111111111</p>
<p>1111111111111111</p>
</div>
<div id="right">
<p>2222222222222222222222</p>
<p>2222222222222222222222</p>
</div>
</div>
<div id="footer"> </div>
</body>
</html>
热心网友
时间:2024-10-22 08:33
背景太复杂了。。不好看哦。
热心网友
时间:2024-10-22 08:33
我认为#left也不设高度,#footer中clear:both;再+个width:xx;就能实现等高度自适应。