标签:padding 技术 round color title type style text set
A.
1.内边距,边框影响盒子大小
定义好盒子大小以后,再定义内边距和边框的时候,在原有的盒子大小基础上(原有的盒子啥也不变,定义完就完了)加上内边距和边框。就像穿上一身衣服了一样。
练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{ width:300px; height:150px; background-color: pink; padding:75px 100px; } .small{ width:300px; height: 150px; background-color: red; } </style> </head> <body> <div class="box"> <div class="small"></div> </div> </body> </html>
2.
(1)子盒子只继承父盒子的宽度,不继承高度,高度不定义的话就是0
(2)子盒子没有定义宽度,继承了父盒子的宽度,定义左右内边距,只要这个内边距不大于父盒子的宽度,就不会撑大盒子(左右方向)。如果定义上下内边距的话,子盒子还是会被撑大的。
标签:padding 技术 round color title type style text set
原文地址:https://www.cnblogs.com/zhaojiayu/p/12562683.html