内外边距的使用

来源：互联网发布：js大禹防水涂料编辑：程序博客网时间：2024/05/19 12:12

外边距margin与内边距padding

    外边距与内边距都有四个值，连写方式如margin：5px 10px 15px 20px；分别对应上右下左四边，内边

距也是一样的写法。也可以分别设置，例如：margin-top,margin-bottom,padding-left等等。

    需要注意的是外边距margin不会叠加，而内边距则会叠加，当给某个属性设置内边距padding的时候，如果

不想让它的原来设定长度和宽度发生变化，则需要用到box-sizing：border-box；来固定原来盒子的宽度大小

，或者padding内边距设置了多少像素，原来盒子设的宽高就相对应的要减去多少像素。

    还有一点是padding不管原属性有无宽高都会起作用，而margin对于没有设宽高都属性不起作用

阅读全文

1 0