在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ div 有個最小高度 里面的內(nèi)容增加時,高度隨著增加,有個最大高度

div 有個最小高度 里面的內(nèi)容增加時,高度隨著增加,有個最大高度

div 有個最小高度 里面的內(nèi)容增加時,高度隨著增加,有個最大高度

回答
編輯回答
墨沫

只要兩個css屬性就是行了:
min-height, max-height,

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>
    <style>
        .cont {
            width: 800px;
            margin: 20px auto;
            background-color: azure;
        }

        .auto {
            min-height: 200px;
            background-color: bisque;
            max-height: 500px;
            overflow: auto;
        }
        p{
            border:1px solid rebeccapurple;

        }
    </style>
</head>

<body>
    <div class="cont">
        <div class="auto">
            <!-- 復(fù)制p 標簽 -->
            <p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur quibusdam sunt maxime dolore beatae veniam
                porro, iste maiores, voluptatum dolorum placeat, possimus reiciendis praesentium aliquam quam exercitationem!
                Suscipit, omnis labore?</p>
        </div>
    </div>
</body>

</html>
2017年4月4日 16:31
編輯回答
柒槿年

最小高度:min-height;最大高度:max-height

2018年3月20日 11:28
編輯回答
悶油瓶
min-height: 100px;
max-height: 200px;
overflow: auto
2018年5月8日 02:48