Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS重置边距和填充_Css_Box Sizing - Fatal编程技术网

CSS重置边距和填充

CSS重置边距和填充,css,box-sizing,Css,Box Sizing,如果我使用“框大小”属性来设置框的边框,是否会使将边距和填充重置为0变得无关紧要,或者这仍然是我应该做的事情 i、 e 它仍然是相关的,因为长方体模型只是改变了计算边距/填充/边框宽度和高度的方式 您可以查看下图 这仍然是相关的,因为长方体模型只是改变了计算边距/填充/边框宽度和高度的方式 您可以查看下图 设置框大小时:边框框;在元素上,该元素的填充和边框不再增加其宽度 选中此选项:-当设置框大小时:边框框;在元素上,该元素的填充和边框不再增加其宽度 检查此项:-这足以“重置”所有填充和边距。然

如果我使用“框大小”属性来设置框的边框,是否会使将边距和填充重置为0变得无关紧要,或者这仍然是我应该做的事情

i、 e


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

您可以查看下图

这仍然是相关的,因为长方体模型只是改变了计算边距/填充/边框宽度和高度的方式

您可以查看下图

设置框大小时:边框框;在元素上,该元素的填充和边框不再增加其宽度


选中此选项:-

当设置框大小时:边框框;在元素上,该元素的填充和边框不再增加其宽度


检查此项:-

这足以“重置”所有填充和边距。然而,我看到了一种有趣的方法,我们将
框大小调整
应用于
html
。并将
*
*:after
*:before
继承
框大小调整
,这使得使用其他类型的
框大小调整
投影的一些外部组件更加容易。很好。这足以“重置”所有的填充和边距。然而,我看到了一种有趣的方法,我们将
框大小调整
应用于
html
。并将
*
*:after
*:before
继承
框大小调整
,这使得使用其他类型的
框大小调整
投影的一些外部组件更加容易。很好。
* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}