本文深入探讨CSS中的background-clip属性，解释如何控制背景绘制区域。同时，详细讲解clear属性的作用，包括清除浮动效果，以及如何通过清除左边或右边的浮动使元素在标准流中正确排列。特别关注IE浏览器特有的zoom属性，解析其对元素尺寸和位置的影响，以及如何触发hasLayout属性。
background-clip
该属性规定背景的绘制区域。
clear
该属性清除自身的浮动效果，打破横向排列，
清除元素左边的浮动效果则排列在该元素之前的元素会将该元素认定为标准流中元素
清除元素右边的浮动效果则排列在该元素之后的元素会将该元素认定为标准流中元素
向容器最后面添加清除了左边浮动的块元素可使容器获取到浮动框的高度
zoom
这个属性时ie浏览器特有
IE使用Layout概念来控制元素的尺寸和位置。如果一个元素有Layout，它就有自身的尺寸和位置；如果没有，它的尺寸和位置由最近的拥有布局的祖先元素控制。
hasLayout是一种只读属性，有两种状态：true或false。当其为true时，代表该元素有自己的布局，否则代表该元素的布局继承于父元素。
zoom用来触发hasLayout=true，针对ie浏览器，一般把值设置为1，因为它对ie浏览器还有元素缩放效果类似于transform:scale
扫一扫
1150
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
