Question

我有一个100x100px的容器，位于页面中间。我有一个嵌套的div，高度为100px，我想伸展到我的屏幕宽度。

我该怎么做？

感谢您的帮助！

Answer 1

@reinder给了我正确答案：

<html>
<div class="container">
    <div class="nested-div"></div>
</div>

<style>
.container {
    margin: 0 auto;
    margin-top: 20%;
    width: 100px;
    height: 100px;
    background: green;
    overflow: hidden;
}
.nested-div {
    position: absolute;
    width: 100%;
    height: 100px;
    background: red;
    left: 0;
}
</style>
</html>

http://jsfiddle.net/s7nhw/12/

当放置在固定容器内时，如何将固定div拉伸到屏幕？

1 个答案: