怪異盒模型

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>怪異盒模型</title>
        <style type="text/css">
            .redDiv{
                width: 300px;
                height: 300px;
                background-color: red;
                /*怪異盒模型
                 和標(biāo)準(zhǔn)盒模型不同的地方在于，怪異盒模型在添加了邊框和padding之后不會(huì)讓元素大小改變，
                 而是會(huì)擠壓元素的內(nèi)容（border不能太大）*/
                box-sizing: border-box;
                border:10px blue solid;
                padding: 20px;
            }
        </style>
    </head>
    <body>
        <div class="redDiv">113</div>
        <textarea></textarea>
    </body>
</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容