突破瓶颈:了解HTML中的BFC,让你的网页布局独具一格

BFC

BFC是指页面中的一个渲染区域,并且拥有一套渲染规则,他决定了 其子标签如何定位,以及与其他标签的相互关系和作用。

怎样生成BFC
    根标签
    display 的值为 inline-block
    float的值不为none
    overflow 的值不为 visible
    position 的值为 absolute 或 fixed

BFC解决的问题
    外边距塌陷
    清浮动
    两栏或者三栏自适应布局 (只能用overflow:hidden)

版权声明:他人将便捷数据网提供的内容与服务用于商业、盈利、广告性目的时,需得注明出处,转载时请附上原文出处链接及本声明。

原文链接:https://www.bian-jie.cn/search/promotion_article/1/18885180.html

点击加入QQ交流群:{{qqQNum}}