开发者社区> 问答> 正文

clear属性能把父元素自动撑高,其背后的实现原理是什么?

   <div id="container" style="border:1px dotted #CCCCCC">
        <div id="floatLeft" style="float: left;width:20em;height:10em;border:1px solid c72d2d;background-color: beige">float:left</div>
        <div id="clearBoth" style="background-color: #00a23f;border:1px solid c72d2d;clear:both;width:50em;height:1em">clear both </div>
    </div>

针对上面的代码有几个问题,请教大家:
1。div#container(height=auto)的高度将被自动计算,包含div#floatLeft和div#clearBoth,其背后的实现规范是什么呢?
2.clear属性的规范有云


The floats that are relevant to be cleared are the earlier floats
within the same block formatting context.

这个怎么理解呢?
3.按规范所述 div#container 加上 overflow:hidden属性后将形成一个BFC,那么这个BFC和div#floatLeft形成了BFC有什么关系么?有包含关系?
4.根元素也能形成一个BFC,那么是不是可以这样理解:div#floatLeft在这个BFC里?

展开
收起
杨冬芳 2016-06-07 17:28:31 1969 0
0 条回答
写回答
取消 提交回答
问答地址:
问答排行榜
最热
最新

相关电子书

更多
动态、高效,蚂蚁动态卡片的内核逻辑 立即下载
数据+算法定义新世界 立即下载
低代码开发师(初级)实战教程 立即下载