CSS overflow
2016-02-21 11:32:22 0 举报AI智能生成
CSS overflow 属性用于设置当元素的内容超出其指定区域时如何处理。它有四个值：visible（默认）、hidden、scroll 和 auto。visible 表示内容会一直显示，即使超出指定区域；hidden 表示超出部分会被隐藏；scroll 表示在内容超出时会出现滚动条；auto 则会根据内容是否溢出来决定是显示滚动条还是隐藏溢出部分。通过使用 overflow 属性，可以有效地控制网页布局，确保页面内容的整洁和可读性。
作者其他创作
大纲/内容
CSS overflow
属性
visiable
hidden
scroll
auto
inherit
overflow-x/overflow-y
如不同，其一为hidden，另一重置为auto
兼容
IE7 -width:100%出现滚动条
作用的前提
display不是inline
对应方位的尺寸限制
对td，要加table-layout:fix
滚动条
auto/scroll
来自HTML标签
去掉方法-html { overflow:hidden }
高度
Chrome--document.body.scrollTop
其他--document.documentElement.scrollTop
padding-bottom缺失--导致scrollHeight不一样
占用可用宽度和高度
ios原生滚动效果
-webkit-overflow-scrolling: touch
BFC
除visible外其他均可触发
作用
清除浮动影响
避免margin穿透问题
两栏自适应
与样式表现
resize
overflow不能为visible
both
vertical
horizontal
text-overflow
锚点技术
0 条评论
回复 删除
下一页
