使div比包装更大

Question

是否可以使用宽度为1000px;的包装器，但同时我希望DIV中的DIV为100%宽度

这有可能吗。

我的代码是这样的

<div class="block1">
    <img src="images/page1-img2.jpg" alt="" class="img-radius">
    <div class="border-1">
        <p class="color-1">Security Systems for Office</p>
        <p>Facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
        <a href="#" class="button top-1">Read More</a>
    </div>
</div>

围绕这个我想要另一个div，即使我的包装器只有width:100%，也是1000px;

Answer 1

这是可能的 - 假设没有父元素非静态定位 - 但你必须绝对定位内部div：

#inner {
    position: absolute;
    height: 150px;
    
    left: 0;
    right: 0;
    
    background: blue;
}
#wrap {
    width: 300px;
    height: 300px;
    
    margin-left: 50px;
    
    background: red;
}

<div id="wrap"><div id="inner"></div></div>

值得注意的是，我通常会尝试避免这样的情况，除非你真的不得不这样做，因为它有点反直觉。