我注意到我的#thing div下面有很多空白区域。我的#thing页边距设置为margin: 100px auto;，因此我将其更改为margin: 100px auto 0px auto;，空格就消失了。为什么margin-bottom设置为auto会产生一堆空白空间？它并不只是试图填满可见的屏幕，因为我的div超出了屏幕的高度;我不得不向下滚动才能看到空白区域。
答案 0 :(得分：4)
简写margin: 100px auto;扩展为margin: 100px auto 100px auto;，表示：
margin-top: 100px;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
因为margin-bottom: auto;，你没有看到额外的空间。实际上，在auto或margin-top分配时，margin-bottom值没有意义。
修改： 请参阅@ web-tiki以下关于auto与margin-top的用例的评论和margin-bottom。
作为参考，margin的简写选项为：
margin: [top] [right] [bottom] [left];
margin: [top] [right/left] [bottom];
margin: [top/bottom] [left/right];
答案 1 :(得分：1)
为块级元素提供了一定数量的隐式padding和margin，包括html和body。如果您遇到过reset.css，那么您就知道自己并不是唯一一个感到沮丧的人。
使用右侧栏中的Chrome开发者工具“框模型”工具查看这些图形可视化（右键单击元素，“检查元素”，“计算”）。