才子佳人博客

我的故事我讲述

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


分类:网站设计| 查看评论
相关文章
文章点击排行
本年度文章点击排行
发表评论:
  • 昵称: *
  • 邮箱: *
  • 网址:
  • 评论:(最多100字)
  • 验证码: