显示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;
}
问题答案：
您可以使用以下CSS达到所需的结果：
#page {
background: red;
overflow: auto;
}
#margin {
background: green;
height: 280px;
margin: 10px
}
-
问题内容： 当我有一个with时，它并不是100％： 现在，当您调整窗口大小时，会有一个水平滚动条，然后向右滚动，则背景消失了。在这种情况下如何保持背景？ 现在，当您调整窗口大小并向右滚动时，您将不再看到背景。如何解决这个问题？ 问题答案： 100％值是父级宽度或视口的100％。请参阅文档。
-
问题内容： 我正在寻找一种将2个div作为列的方法，其中右侧的div具有固定的宽度，左侧的div填充剩余空间。 有谁碰巧知道是否可以做到这一点？ 我的尝试 （在block1下面提供了block2） ： 问题答案： 您可以这样做： HTML： CSS：
-
我需要一个简单的主div列100%满。 有时会出现一个侧边栏，具有动态宽度。 在这个示例中，您可以看到我无法更改侧栏宽度（每次都有一个新的宽度值），并且我无法将主div“拉伸”到100%的宽度。 怎么办？
-
问题内容： 我有以下代码 div宽度为200px，因此border-bottom也是200px，但是如果我希望border-bottom- bottom仅100px而又不更改div宽度，该怎么办？ 问题答案： 您可以使用伪元素。例如 无需出于演示目的使用额外的标记。IE8也支持：after。 编辑： 如果你需要一个右对齐边框，只是改变与 如果您需要居中对齐的边框，只需设置
-
问题内容： 我加载了Google Maps API v3，并在中打印了Google Map 。但是，当将width＆height设置为100％并且是auto时，我看不到地图。 这是HTML代码段。 有没有解决此问题的方法？ 问题答案： 如果要用它覆盖整个页面，则必须将所有父容器的宽度设置为100％。您必须至少为#content div的宽度和高度设置一个绝对值。
-
问题内容： 我正在尝试根据元素的（100％）高度使用宽度大小制作一个响应式正方形。我相信仅使用CSS是不可能的。 正方形宽度应等于高度（大型容器的100％。大型容器大于屏幕的100％）。该比例必须为width = height才能保持正方形。 问题答案： 好的，这里的解决方案。