我就直奔主题吧。 我有一个宽度为 100% 的子 div,它位于具有固定宽度的 wrapper 下。我想知道如何让子 div“突破”并具有 100% 全屏页面宽度。 代码是这样的,我尝试使用相对/绝对定位但没有成功。
<div class="wrapper">
<div class="banners">
<div class="first"><img src="http://placehold.it/200x200"></div>
<div class="second"><img src="http://placehold.it/200x200"></div>
</div>
</div>
可以找到Fiddle here
除了“横幅”div 之外,该 div 的上方和下方还有几个部分,这就是“横幅”在包装器中的原因
最佳答案
您可以将绝对位置添加到 .banners
,但这会将 .banners
容器定位在与上述元素相关的绝对位置。
.banners {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
关于html - 包装器内的全 Angular 子 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24656468/