css中怎样设置绝对定位为默认隐藏

html-css09

css中怎样设置绝对定位为默认隐藏,第1张

position:absolute 绝对定位吧？

隐藏有几种，比如display:none

还有一种是给绝对定位的上一级设置overflow:hidden

然后绝对定位后，设置top或left或right或bottom任何一个超出父级div尺寸即可

用hover 

默认 overflow:hidden

悬浮 overflow:scroll

<!DOCTYPE html>

<html>

<head>

    <style>

        .box {

            width: 400px

            height: 200px

            border: 1px solid #000

            overflow: hidden

        }

        .box:hover{

        overflow: scroll

        }

    </style>

</head>

<body>

    <div class="box">

        <span>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

            测试测试测试测试<br>

        </span>

    </div>

</body>

</html>