CSS overflow 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css">
        .box1{
            /*
            子元素默认是存在于父元素的内容区中，理论上讲子元素的最大可以等于父元素的内容区的大小
            如果子元素大小超过了父元素的内容区，则超过的大小会在父元素以外的位置显示，
            超出父元素的内容，我们称为溢出的内容
            父元素默认是将溢出的内容，在父元素外边显示，
            通过overflow可以设置父元素如何处理溢出内容：
            可选值：
            - visible，默认值，不会对溢出内容做处理，元素会在父元素以外的位置显示
            - hidden，溢出的内容，会被修剪，不会显示
            - scroll，会为父元素添加滚动条，通过拖动滚动条来查看完整内容
                        该属性不论内容是否溢出，都会添加水平和垂直双方向的滚动条
                        
            -auto，会根据需求自动添加滚动条，
                    需要水平就添加水平
                    需要垂直就添加垂直
                    都不需要都不加
            */
        }
        .box1{
            overflow: auto;
        }
    </style>
    </head>
    <body>
        
    <div class="box1">
        
        
    </div>
        
    </body>
</html>

 

posted @ 2018-06-15 14:43  你若精彩，蝴蝶自来  阅读(188)  评论(0)    收藏  举报