css – 使用边距显示div宽度100％

我想显示一个带边距的可展开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;
}​

LIVE DEMO

解决方法

您可以使用以下CSS来实现所需的结果：

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

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

原文地址：https://www.jb51.cc/css/220360.html