显示div宽度为100％的边距

Question

我想显示一个带有边距的可扩展div（width: 100%）…

这是我的代码：

<div id="page">
    <div id="margin">
        "some content here"
    </div>
</div>​

这是我的CSS代码：

#page {
  background: red;
  float: left;
  width: 100%;
  height: 300px;
}

#margin {
  background: green;
  float: left;
  width: 100%;
  height: 300px;
  margin: 10px;
}​

Answer 1

您可以使用以下CSS达到所需的结果：

#page {
   background: red;
   overflow: auto;
}

#margin {
   background: green;
   height: 280px;
   margin: 10px
}