子元素浮动div不会被撑大

最新推荐文章于 2020-12-22 12:03:31 发布

iteye_4002

最新推荐文章于 2020-12-22 12:03:31 发布

阅读量150

点赞数

div内部元素是浮动的，比如div中有左右两个div并列，查看生成的页面后，父div的height被设置为0，即使div的height设置为100%也没有用。这个时候需要如下设置：<wbr style="line-height:25px"></wbr>

<div<wbr></wbr>style="overflow:hidden;">

...

</div>

...

</div>

<wbr><wbr><wbr> 以上方式对ie6无效，这时需要在父div的尾部，再加一个隐藏的元素把父div撑开： <div style="line-height:25px"> <div style="line-height:25px"><div class="m-box view-info" style="overflow:hidden;"></div> <div style="line-height:25px"><div style="display:inline;float:left;width:274px;"></div> <div style="line-height:25px"></div> <div style="line-height:25px"></div></div> <div style="line-height:25px"><div style="display:inline;float:right;width:274px;"></div> <div style="line-height:25px"></div> <div style="line-height:25px"></div></div> <div style="line-height:25px"><wbr><wbr><wbr><wbr><wbr><span style="color:#ff0000; line-height:25px"><div style="display: block;height: 0px;clear: both;visibility: hidden;"></div></span></wbr></wbr></wbr></wbr></wbr></div> <div style="line-height:25px"></div></div> </div> </wbr></wbr></wbr>