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; }


  • 相关阅读:
    lombok注解详细介绍
    基于注解的SpringMVC大致开发流程
    Thymeleaf知识点总结
    thymeleaf相关知识
    Windows 命令行查看占用端口,并关闭操作
    身份证号码的正则表达式及验证详解
    mysql的查询过程和SQL语句优化
    MySQL数据库知识点整理
    MySQL数据库
    MySQL数据库
  • 原文地址:https://www.cnblogs.com/peijz/p/12651556.html
Copyright © 2011-2022 走看看