CSS的visibility和overflow属性

来源:互联网 发布:极简云盘源码 编辑:程序博客网 时间:2024/05/20 13:16
  1. visibility
  1. 设置是否显示对象。与display:none不同,此属性为隐藏的对象保留其占据的物理空间
  2. 如果希望对象可视,其父对象也必须是可视的
  3. 属性值:
visible:设置对象可视
hidden:设置对象隐藏
  1. overflow
  1. 复合属性。这只对象处理溢出内容的方式。效果等同于overflow-x + overflow-y
  2. 如果希望对象可视,其父对象也必须是可视的
  3. 属性值:
visible:对溢出内容不作处理,内容可能会超出容器(默认),内容不会被修剪,会呈现在元素框之外
hidden:隐藏溢出容器的内容且不出现滚动条(内容会被修剪且其余内容是不可见的)
scroll:隐藏溢出容器的内容,溢出的内容将以卷动滚动条的方式呈现(出现滚动条),内容会被修剪但是浏览器会显示滚动条以便查看其余内容
auto:当内容没有溢出容器时不出现滚动条,当内容溢出容器时出现滚动条,按需出现滚动条。如果内容被修剪则浏览器会显示滚动条以便查看其余内容
原创粉丝点击