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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/220360.html

猜你在找的CSS相关文章