CSS重置边距和填充

时间:2017-10-25 03:44:05

标签: css box-sizing

如果我将box-sizing属性用于border-box,它是否会使重置边距和填充为0无关或者它仍然是我应该做的事情?

* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

3 个答案:

答案 0 :(得分:1)

它仍然相关,因为盒子模型只是改变你的边距/填充/边框的宽度和高度计算方式。

您可以查看以下图片

Box model differences

答案 1 :(得分:1)

设置box-sizing:border-box;在元素上,该元素的填充和边框不再增加其宽度。

解决这个问题: - http://learnlayout.com/box-sizing.html

答案 2 :(得分:0)

试试这个:

* {
   box-sizing: border-box;
   margin: 0px;
   padding: 0px;
}