css div自适应内层div的高度问题,
这里是CSS代码.zhengwen{background-image:url('../images/wrapper_bg.jpg');background-repeat:...
这里是CSS代码
.zhengwen
{background-image: url('../images/wrapper_bg.jpg');background-repeat: repeat-x;height:auto;}
.zhengwendingwei
{ width: 980px; margin:0 auto; height:auto;}
.zhengwenzuolan
{ border: 1px solid #999999; float: left;width: 180px;display: inline;clear: left;overflow: auto;padding: 10px;margin-top:10px;
}
.zhengwenyoulan
{float:right; width:740px; border: 1px solid #999999;margin-top:10px;padding: 10px;}
这里是HTML代码
<div class="zhengwen">
<div class="zhengwendingwei">
<!--正文左栏-->
<div class="zhengwenzuolan">
<br />
</div>
<!--正文左栏结束-->
<!--正文右栏-->
<div class="zhengwenyoulan">
</div>
<!--正文右栏结束-->
</div class="clear"></div>
</div>
</div>
外层DIV始终无法自动适应内层DIV的高度,设置了 </div class="clear"></div>来清除浮动也不行,加了overflow:hidden也不行。
加了外层DIV加了overflow:hidden会导致内浮动失效 出现错误。 展开
.zhengwen
{background-image: url('../images/wrapper_bg.jpg');background-repeat: repeat-x;height:auto;}
.zhengwendingwei
{ width: 980px; margin:0 auto; height:auto;}
.zhengwenzuolan
{ border: 1px solid #999999; float: left;width: 180px;display: inline;clear: left;overflow: auto;padding: 10px;margin-top:10px;
}
.zhengwenyoulan
{float:right; width:740px; border: 1px solid #999999;margin-top:10px;padding: 10px;}
这里是HTML代码
<div class="zhengwen">
<div class="zhengwendingwei">
<!--正文左栏-->
<div class="zhengwenzuolan">
<br />
</div>
<!--正文左栏结束-->
<!--正文右栏-->
<div class="zhengwenyoulan">
</div>
<!--正文右栏结束-->
</div class="clear"></div>
</div>
</div>
外层DIV始终无法自动适应内层DIV的高度,设置了 </div class="clear"></div>来清除浮动也不行,加了overflow:hidden也不行。
加了外层DIV加了overflow:hidden会导致内浮动失效 出现错误。 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询