1. 程式人生 > >BFC(塊級化上下文)

BFC(塊級化上下文)

over 支持 如何 元素 進行 相互 abs absolute 關系

優點:①決定了元素如何對其內容進行定位,以及與其他元素的關系和相互作用,IE-7不支持BFC

②與普通容器相比,BFC元素可以看做是隔離了獨立容器,內部的元素不會在布局上影響外面元素。

滿足任意下面條件元素可以形成BFC:

①浮動元素:float除none外的值;

②絕對定位元素:position:absolute/fixed

③display為inline-block,table-cells,table-captions;

④overflow為visiable之外的值chidden,auto,scroll。

BFC(塊級化上下文)