zoukankan      html  css  js  c++  java
  • css-overflow

    一:属性定义

      overflow属性指定如果内容溢出一个元素的框,会发生什么 

    二:属性值

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

    三: overflow超过范围怎么处理    

        1)如果商品图片特别大,超过定义长和宽,会被DIV撑开了。如果解决了?
            解决:使用overflow,但是显示部分
        2)如何把商品图片全部显示?
            解决:可以给img设定长和宽

    四:示例

      

        <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div style=" 400px;height: 400px;overflow: scroll">
            <img src="img/3.jpg" style=" 400px;height: 400px">
        </div>
    </body>
    </html>
  • 相关阅读:
    IPUtil
    MD5Util
    MyBatis环境配置及入门
    淘宝主页(静态页面)第3天
    淘宝主页(静态页面)第二天
    淘宝主页(静态页面)第1天
    力扣20 有效的括号
    力扣1 two sum
    JAVA可变参数
    JAVA环形队列
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7596772.html
Copyright © 2011-2022 走看看