码迷,mamicode.com
首页 > 其他好文 > 详细

Overflow属性——定义元素(如Div)内容区溢出情况

时间:2015-02-26 06:28:58      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

说明:overflow属性规定当内容溢出元素框时发生的事情。

注释:属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。

 

可用的值:

visible:默认值。内容不会被修剪,会呈现在元素框之外。

hidden:内容会被修剪,并且其余内容是不可见的。

scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

inherit:规定应该从父元素继承 overflow 属性的值。

 

实例:

<html>
  <head>
        <style type="text/css">
            div 
                {
                    background-color:#00FFFF;
                    width:100px;
                    height:100px;
                    overflow: scroll
                }
        </style>
  </head>
  <body>
    <div>
      哈哈!吼吼!哈哈!吼吼!哈哈!吼吼!哈哈!吼吼!哈哈!吼吼!
    </div>
  </body>
</html>

 

详细:http://www.w3school.com.cn/cssref/pr_pos_overflow.asp

Overflow属性——定义元素(如Div)内容区溢出情况

标签:

原文地址:http://www.cnblogs.com/xxlhcjh/p/4300478.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!