zoukankan      html  css  js  c++  java
  • CSS 布局

    CSS 布局 - Overflow

    CSS overflow 属性用于控制内容溢出元素框时显示的方式。

    这里的文本内容是可以滚动的,滚动条方向是垂直方向。

    这里的文本内容是可以滚动的,滚动条方向是垂直方向。

    这里的文本内容是可以滚动的,滚动条方向是垂直方向。

    这里的文本内容是可以滚动的,滚动条方向是垂直方向。

    这里的文本内容是可以滚动的,滚动条方向是垂直方向。

    这里的文本内容是可以滚动的,滚动条方向是垂直方向。


    CSS Overflow

    CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。

    overflow属性有以下值:

    描述
    visible 默认值。内容不会被修剪,会呈现在元素框之外。
    hidden 内容会被修剪,并且其余内容是不可见的。
    scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
    auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
    inherit 规定应该从父元素继承 overflow 属性的值。

    注意:overflow 属性只工作于指定高度的块元素上。

    注意: 在 OS X Lion ( Mac 系统) 系统上,滚动条默认是隐藏的,使用的时候才会显示 (设置 "overflow:scroll" 也是一样的)。

    overflow: visible

    默认情况下,overflow 的值为 visible, 意思是内容溢出元素框:

    这里的文本内容会溢出元素框。

    这里的文本内容会溢出元素框。

    这里的文本内容会溢出元素框。

    这里的文本内容会溢出元素框。

    这里的文本内容会溢出元素框。

    这里的文本内容会溢出元素框。

    这里的文本内容会溢出元素框。

    实例

    div{200px; height:50px; background-color:#eee; overflow:visible; }


  • 相关阅读:
    ACdream 1069 无耻的出题人
    ACdream 1064 完美数
    ACdream 1028 Path
    ACdream 1020 The Game about KILL
    ACdream 1015 Double Kings
    CodeForces
    Codeforces 390A( 模拟题)
    Codeforces 389B(十字模拟)
    Codeforces 389A (最大公约数)
    Codeforces 417 C
  • 原文地址:https://www.cnblogs.com/peijz/p/12651556.html
Copyright © 2011-2022 走看看