Html css格式问题

所以我想搞乱Sass，所以我创建了这个非常简单的小页面。由于我不知道的原因，当我向#content添加上边距时，它会影响包装器div。如能提供任何有关发生这种情况的原因的信息，我们将不胜感激。谢谢

以下是现场页面：

html:

Sass吐出来的Css

html body { background-color: #000; padding: 0; margin: 0; height: 100%; }

#wrapper { background-color: #fff; width: 900px; height: 700px; margin: 0 auto; }

#content { width: 500px; margin: 150px 0 0 50px; }

.dog { color: #FF3836; font-size: 25px; text-shadow: 2px 2px 2px #000; width: 500px; height: 500px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 18px solid #FF3836; }

---

你做得对。您缺少的是

float:left

。将您的行更改为：

#content { width: 500px; margin: 150px 0 0 50px; float: left; }

html body { background-color: #000; padding: 0; margin: 0; height: 100%; }

#wrapper { background-color: #fff; width: 900px; height: 700px; margin: 0 auto; }

#content { width: 500px; margin: 150px 0 0 50px; }

.dog { color: #FF3836; font-size: 25px; text-shadow: 2px 2px 2px #000; width: 500px; height: 500px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 18px solid #FF3836; }

#content { width: 500px; margin: 150px 0 0 50px; float: left; }