CSS:在具有固定宽度的div中将背景应用于全宽

Question

我的页面分为宽度有限的行.(<div class='row'>)我想对每一行应用背景(颜色),但我希望背景不要考虑div的宽度限制,有没有办法实现这一点？

谢谢!

Answer 1

你想要这样的东西吗？如果您提供了一个小提琴或至少一些代码,那么回答您的问题会更容易,因此我们可以帮助您解决问题.

我来到这个解决方案:

<div class="row1">
    ...
</div>

<div class="row2">
    ...
</div>

.row1 {
    background-color: red;
    width: 100%;
    height: 50%;
}
.row2 {
    background-color: pink;
    width: 100%;
    height: 50%;
}

你可以在这里运行它: JSFiddle