Question

我从来没有真正学过HTML或CSS，我所有的知识都来自网上冲浪，并且通常都在玩它。所以我想最终搞清楚一些事情。

首先在我目前的'搞乱'中，我有一个主要的div但是div不会坐在页面的最顶端！它距离顶部至少5个像素。我不明白！我解决了一次，但我不记得了。我的意思是：http://puu.sh/6jQUF.jpg

以下是代码：

HTML

<body>
<div id="Main">
    This is a test.
</div>
</body>
</html>

CSS

#Main {
margin-right: auto;
margin-left: auto;
width: 900px;
height: 1200px;
outline: black solid thin;
padding: 20px;
top: 0px;
}

我确信它只是一些简单的事情，我为此道歉。

现在另一件我从未理解的事情是，在CSS中可以有两个div彼此相邻，即一个具有浮动左侧属性而另一个具有向右浮动因此相互推挤并且彼此相邻，每当我尝试它们时最终忽略了他们相互碰撞的事实，并且都进入了页面的左右两侧。我真的希望我听起来不像白痴，我相信这是可能的。

最后关于这个话题如果我有一个主容器，我怎么能留在那个容器里？我只是通过将div放在容器中来尝试这个，但这不起作用。有人请解释一下，我真的很感激。感谢

Answer 1

正文有默认的边距。清除它：

body {
    margin:0;
}

如果你想让两个div彼此相邻，要么将它们向左或向右浮动，要么生成内联或内联块元素。

我无法回答你的问题“最后关于主题如果我有一个主容器我怎么能在一个容器中保留？我只是通过将div放在容器中来尝试这个但是没有工作。”因为没有代码就没有意义。

Answer 2

这是因为默认情况下所有元素都具有属性。在这种情况下，标记body有一些余量。

要避免此类问题，您可以对此属性使用常规重置，例如Reset或最基本的重置：

* {
 margin:0;
 padding:0;
 border:0;
}

这里*有助于找到DOM上的所有元素，并将这些属性设置为0。

尝试在每个帖子中保留一个问题。对于您的第二个问题，我建议调查属性display:inline-block和 This Link to Clarify Floats