一般我们需要在网页中有很多列表,但是列表需要左对齐,这个时候审查元素发现父级元素没有任何高度,会导致一些问题,所以我们需要让父级也有高度。
因为如果内部元素一旦进行了float,这个元素就脱离的文普通的文档流了,所以对于其父级来说他是不存在的,所以自然撑不开了,解决办法2中:
1、父级元素加上 overflow:hidden
代码如下
复制代码
<div style="overflow:hidden;">
<div style="display:inline;float:left;width:274px;">
...
</div>
<div style="display:inline;float:right;width:274px;">
...
</div>
</div>
以上方式对ie6无效,这时需要在父div的尾部,再加一个隐藏的元素把父div撑开:
代码如下
复制代码
<div class="m-box view-info" style="overflow:hidden;">
<div style="display:inline;float:left;width:274px;">
</div>
<div style="display:inline;float:right;width:274px;">
</div>
<div style="display: block;height: 0px;clear: both;visibility: hidden;"></div>
</div>
2、在父级元素结束标签前加上
代码如下
复制代码
<div style=”clear:both”></div>
<div style="overflow:hidden;">
<div style="float:left;">
...
</div>
<div style="float:right;">
...
</div>
</div>