Css 为什么将左边距设置为自动将div移到右边

我想知道为什么将

div

的左边距设置为

id=“pink”

自动将div移到右边。请看图片图片：

HTML

 <div id="aqua">aqua</div> 
 <div id="yellow">yellow</div> 
 <div id="pink">pink</div>

---

请检查此项。

自动告诉它填充可用空间。这将是容器宽度减去div的宽度。

自动告诉它填充可用空间。这将是容器宽度减去div的宽度。

在将

左边距设置为
自动之前，div的边距和填充宽度均为零，边框宽度设置为1px

对于正常流动中的块级元件，方程

'margin-left' + 'border-left-width' + 'padding-left' + 'width' 
+ 'padding-right' + 'border-right-width' + 'margin-right' 
= width of containing block

必须坚持。但是设置了所有的值之后，这就不可能发生了，而且div被认为是过度约束的。因此，“保证金权利”属性将被覆盖并计算为一个值，该值使等式保持不变。这会将div的内容框放置在容器的左侧

当设置了
margin left:auto
时，div不再受到过度约束，将计算剩余裕度的值，以使上述等式保持不变。这将使内容框保留在容器的右侧


作为一个提示，很值得你去思考这个等式。一整类CSS布局现象可以通过理解如何应用来解释。在将
左边距
设置为
自动
之前，div的边距和填充宽度均为零，边框宽度设置为1px

对于正常流动中的块级元件，方程

'margin-left' + 'border-left-width' + 'padding-left' + 'width' 
+ 'padding-right' + 'border-right-width' + 'margin-right' 
= width of containing block

必须坚持。但是设置了所有的值之后，这就不可能发生了，而且div被认为是过度约束的。因此，“保证金权利”属性将被覆盖并计算为一个值，该值使等式保持不变。这会将div的内容框放置在容器的左侧

当设置了
margin left:auto
时，div不再受到过度约束，将计算剩余裕度的值，以使上述等式保持不变。这将使内容框保留在容器的右侧


作为一个提示，很值得你去思考这个等式。一整类CSS布局现象可以通过理解如何应用来解释。完整详细信息位于
如果要将
#粉红色
居中对齐，则应将
左边距
和
右边距
设置为自动。
如果要将
#粉红色
居中对齐，您应该将
左边距
和
右边距
都设置为自动。
链接信息是否与此链接相同。基本上这两页之间有什么区别？不一定有什么区别。CSS 2.2是一个草案，包含了CSS 2.1中的修正勘误表。因为我过去错过了勘误表，所以现在我默认链接到CSS 2.2草稿。链接信息是否与此链接相同。基本上这两页之间有什么区别？不一定有什么区别。CSS 2.2是一个草案，包含了CSS 2.1中的修正勘误表。因为我过去错过了勘误表，所以在默认情况下，我现在改为链接到CSS 2.2草案。