css设置中的溢位(overflow)选项详解及使用时注意的问题
来源:xjh 编辑:xjh 2018-10-22
定义:
溢位,这个选项可以叫做溢出,它定义的是当容器中的内容超出容器元素规定大小(height,width)时的应对方法。对应的CSS属性为overflow,它的选项有:可见visible、隐藏hidden、滚动scroll、自动auto。
选项详解:
“可见”是当内容超出时仍然按照默认规律可见,不剪切内容也不添加滚动条;
“隐藏”是让溢出的内容隐藏起来,不显示超过对象尺寸的内容;
“滚动”是让固定大小的容器出现滚动条,平时也一直显示滚动条;
“自动”是当只有当容器中内容超出容器大小时才出现滚动条,平时不出现。
使用时需注意:
1)若容器中文字的内容多少不确定,容器的高度也不确定时,需同时设置高度:自动,溢位:自动,即如下设置
height: auto;
overflow: auto;
否则,若不设置overflow选项,则在firefox,ie8 中显示不正常,在ie6,ie7中显示正常:
2)若期望出现垂直滚动条,则考虑滚动条占用的元素整个宽度,需缩小元素的宽度,即预留滚动条的位置。
参考:
http://zhidao.baidu.com/question/183588027.html
http://dreamweaver.abang.com/od/software/a/css-panel-pos.htm