CSS盒模型中
1.padding和border变化会使盒子的整体发生变化，若不想发生变化则用
box-sizing:border-box；
2.margin的变化会引起盒子发生位移，
但在处理父子关系的盒子中水平方向的margin可以使用，垂直方向的margin不能使用，因为会导致父盒子跟着变化，如何处理呢？给父盒子加一个边框即可；
但兄弟关系中水平方向和垂直方向的margin都可以使用（好神奇）。
而且只能使用margin-top和margin-left；margin-bottom和margin-right无效（暂时不知道为啥、记住就好）。
还有一个，在嵌套关系中（也就是父子关系），用margin:0 auto;
可以水平居中，垂直方向无效（就算设置auto auto也没毛用），垂直方向只能用具体数值表示。
3.margin本质上是用来控制兄弟之间的关系的，不是用来控制父子关系的。
padding才是用来控制父子关系的。
1、margin和padding的使用经验 margin是盒模型的外边距，padding是盒模型的内边距；用mar...
盒模型包括哪些属性？ 盒模型包括：margin、border、padding、content。 margin：清除...
盒子模型 content、margin、padding、border;（IE盒模型和标准盒模型的区别）———IE盒...
CSS盒模型中1.padding和border变化会使盒子的整体发生变化，若不想发生变化则用box-sizing:...
基本概念 盒模型由content、padding、border和margin组成。分类：标准盒模型（默认）和IE盒...
CSS 盒模型和区别 margin + border + padding + contentw3c盒模型的cont...
概念 CSS盒模型 包含：content padding border margin 类型 CSS盒模型分为 标准...
1：怎么理解盒模型 ？ 解： 标准模型 和 IE盒模型. 由外边距margin、内边距padding、边框bord...
盒模型包括哪些属性？ 盒模型 盒模型的属性：（从内到外）width、padding、border、margin w...
盒模型 盒模型包括哪些属性从内到外分别是content，padding，border，margin盒模型 text...
本文标题：盒模型中margin和padding
本文链接：https://www.haomeiwen.com/subject/rbngdftx.html
网友评论