高度塌陷、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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容