CSS overflow
2016-07-28 00:48:06 0 举报
AI智能生成
CSS overflow属性用于控制当元素的内容超出其指定容器时如何处理。它有以下几个值:visible(默认值,内容会溢出并显示在容器之外)、hidden(内容会被裁剪,不会显示在容器之外)、scroll(内容会被裁剪,但会显示滚动条以便查看超出部分)和auto(根据内容是否超出容器自动选择visible或scroll)。通过使用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 条评论
下一页