Html 为什么应用div align center时div内部的div会移动而不是居中

前几天，我设法在一个彩色的div中发布了一些文本，并在上面贴了一点数字washi磁带（比如cellotape）。但是，现在我想完全理解代码

他们帮了我一点忙，但即使它工作得很好，我真的不明白为什么会这样做，有些事情意味着什么。我想完全理解那里写的所有内容，所以下次我不需要帮助；）

代码如下：

<br />
<br />
<br />
<div style="background-color: #fcfaf9; box-shadow: 3px 4px 8px #DBDBDB; margin: auto; padding-bottom: 25px; padding-left: 40px; padding-right: 25px; padding-top: 35px; width: 70%;">
<div style="margin: 0 auto; width: 215px;">
<img src="http://bit.ly/Washi-tape-rosa" style="margin: -70px auto 0; position: absolute; width: 215px;" />
</div>
<u><b><i>Ingredients:</i></b></u><br />
<br />
2 big zuchinni grated<br />
1 egg beaten<br />
1/4 cup almond flour<br />
1 tsp sea salt<br />
1 tsp black pepper<br />
</div>

成分：



2个大Zuchini磨碎

打1个鸡蛋

1/4杯杏仁粉

1茶匙海盐

1茶匙黑胡椒粉

1） 我得到的外部div是带阴影的米色“背景”。我理解那里的所有代码

(二)

我想如果我试着自己做的话，我只是写了一封信 (三)

3.a）我不知道如何指定边距：

• 我得到我能做对的保证金：5px；边缘顶部：5px；等等
• 如果我写边距：5px；这意味着每一处都有5个边距（右、左、上…）
• 保证金：0自动；顶部和底部为0，右侧和左侧为自动
• 如果我只想指定顶部和底部，该怎么办
• 为什么有时（像这里）会说三个值？什么是余量：-70px自动0

3.b）什么是位置：绝对

（是的，我读过，绝对的，相对的，但我并不真正理解其中的区别）

---

谢谢！：）

a.如果我只想指定顶部和底部，该怎么办

.selector{
     margin-top:10px;
     margin-bottom:10px;
 }

b.为什么有时（像这里）会说三个值？什么是

margin:-70px自动0

.selector{
    margin:-70px auto 0
} 
/*margin-top:-70px, margin-left:auto, margin-right:auto, margin-bottom:0*/

要正确理解它，请用英语自我介绍


c.什么是
位置：绝对

--绝对：元素相对于其第一个定位（非静态）的祖先元素进行定位

希望这对你有帮助
 

您可以在css中使用
页边距顶部：
和
页边距底部
来指定页边距顶部和底部
对于边距和填充，当存在三个值时，它们表示顶部、左侧和右侧以及底部。因此
页边距：-70px自动0
将是
页边距顶部：-70px
，
页边距右侧：自动
，
页边距底部：0
，
页边距左侧：自动

至于绝对与相对定位：

绝对定位：从文档流中取出，让您可以访问
顶部
、
右侧
、
底部
和
左侧
属性。它绝对相对于其最近的定位祖先进行定位，最近的元素定义了
位置：绝对
或
位置：相对
，等等。重要的是，它已从文档流中删除

相对定位：按照文档中通常的布局方式对元素进行布局，就像未定位一样，然后在不更改布局的情况下相应调整元素的位置

请注意，还有一些其他的定位选项，例如static（元素的正常行为）和fixed（元素在滚动时保持在原来的位置）。
好的，所以边距可以单独写，也可以全部写在一行中。如果在一行中：（a）如果有一个值意味着所有四个值都是相同的，（b）如果有两个值，第一个是顶部和底部，然后是右侧和左侧，（c）如果有三个值，则意味着第一个是顶部，第二个是右侧和左侧，第三个是底部。对吗？如果您想了解更多信息，这里有一个很好的资源：