溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css中盒模型的注意點有哪些，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
1、padding不能為負值，margin可以。
2、背景色會平鋪到非margin區(qū)域。
背景色會平鋪到content、padding、border部分。
3、marked在Flexbox或網(wǎng)格布局中，不存在margin-top、bottom疊加及margin-top傳遞現(xiàn)象。
實例
.box1 {
width: 200px;
height: 200px;
background: pink;
margin-bottom: 30px; 取最高值，所以兩個margin疊加，是30px
}
.box2 {
width: 100px;
height: 100px;
background: blue;
margin-top: 20px;
}看完了這篇文章，相信你對“css中盒模型的注意點有哪些”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
