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

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

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

你可能感兴趣的:(高度塌陷 , BFC开启,去除项目符号)