0

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

我怎样才能做到这一点？

感谢您的帮助！

4

1 回答 1

0

@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/。

于 2013-01-30T07:14:24.093 回答