html5 - 如何将两个div堆叠在一起？

我到处找了找，照着每个人的指示去做，结果都不管用。

#aside
{
    float:left;
    width:200px;
    background-color:#39A861;
}

#section
{
    width:800px;
    float:left;
}

首先，它们是一个区段和侧边标记，但我将它们改为divs以简化过程，但没有相同的结果。第二个div不在第一个div的旁边，它就像断线一样
这让我发疯了
我的容器里有两个div：

#container1
{
    margin:0 auto;
    width:1000px;
}

这是HTML

<div id="container1">
    <div id="aside">
        <h2>stuff</h2>
    </div>
    <div id="section">
        <h1>stuff</h1>
    </div>
</div>

最佳答案

有很多方法可以这样做。

<div class="container">
  <div class="aside"><h1>Title</h1></div>
  <div class="section">Stuff</div>
</div>

选择1

.container {
  width:1000px;
}

.aside{
  width:200px;
  float:left;
}

.section {
  margin-left:200px;
}

选择2

.container {
  width:1000px;
}

.container:before, .container:after{
  display:table;
  content:"";
}

.container:after{
  clear:both;
}

.aside{
  width:200px;
  float:left;
}

.section {
  float:left;
  width:800px;
}

关于html5 - 如何将两个div堆叠在一起？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23166669/