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