高度塌陷、BFC开启、去除项目符号

2019-10-15  本文已影响0人  琉佳

高度塌陷:父元素由子元素高度撑开,但子元素浮动,脱离文档流,此时无内容支撑,父元素塌陷

BFC:块的格式化属性;默认为关闭

    打开后:父元素的垂直外边距不会和子元素重合

            开起BFC的元素不会被浮动元素所覆盖

            开启BFC的元素可以包含浮动的子元素

    开启BFC:1、设置元素浮动

              2、设置元素绝对定位

              3、设置元素为inline-block  (1~3不推荐使用)

              4、将元素的overflow设置为一个非visible的值{overflow:hidden;}

                (IE6及以下浏览器中不支持BFC,可使用haslayout中zoom:1;)      【答辩重点】

去除项目符号:list-style:none;

小注意点:向右浮动文本可能会倒序排列

          IE6中指定宽度,则默认开启haslayout

上一篇下一篇

猜你喜欢

热点阅读