一直对overflow比较模糊，有没有人给解释下？
4 回答
已采纳
哈尼露易丝
TA贡献21条经验 获得超24个赞
基本语法
overflow-x overflow-y
overflow : visible | auto | hidden | scroll
语法取值
visible：默认值。不剪切内容也不添加滚动条。假如显式声明此默认值， 对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效；
auto：在必需时对象内容才会被裁切或显示滚动条；
hidden：不显示超过对象尺寸的内容；
scroll：总是显示滚动条。
清除浮动
设置overflow的一个更流行的用处是，清除浮动。设置overflow并不会在该元素上清除浮动，它将清除自己(self-clear)。意思就是，应用了overflow(auto或hidden)的元素，将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来(collapsing))，假设未定义高度。
可能的值
visible
默认值。内容不会被修剪，会呈现在元素框之外。
hidden
内容会被修剪，并且其余内容是不可见的。
scroll
内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto
如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit
规定应该从父元素继承 overflow 属性的值。
实例
设置 overflow 属性：
div { width:150px; height:150px; overflow:scroll;}
- 4 回答
- 1 关注
- 1741 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消