24.overflow

来源：互联网发布：淘宝开放平台api 授权编辑：程序博客网时间：2024/05/18 00:26

overflow

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <style>        body{            overflow-x: hidden;         }        .box{            width: 2000px;            height: 50px;            border:2px solid red;            overflow: hidden;            overflow: scroll;            overflow: auto;            display: inline-block;        }    </style></head><body>    <!--         overflow:                hidden    将超出部分隐藏                  visible   ....显示                scroll    将超出部分 隐藏, 用滚动条显示                auto      自动判断        overflow-x:         overflow-y:        技巧: overflow作为父级元素 加 hidden, 那么子元素会清除浮动     -->    <div class='box'>        asdfgbfgjldjglasjdflkajsdlfjaskldflasjdflkajsdlkfjaslkdjflasd    </div>    <div class="box">        哄领导开心呢就做做假, 哄群众开心呢就做做秀, 哄老婆开心呢就做做饭, 哄朋友开心呢就做做东, 哄自己开心呢就做做梦.    </div></body></html>

阅读全文

0 0