CSS-如何从div溢出到屏幕的全宽度

Question

CSS-如何从div溢出到屏幕的全宽度

我有一个包含的DIV，我使用它作为响应网格的一部分。它扩展到我允许的最大宽度，即1280 px，然后出现大型设备的边距。这是我的CSS+少一点。

.container{
    margin-left:auto;
    margin-right:auto;
    max-width:1280px;
    padding:0 30px;
    width:100%;

    &:extend(.clearfix all);}

然而，在某些情况下，我想横向溢出-让我们说，我有一个背景图像或颜色，需要充分宽度。我不太擅长CSS，但能不能实现我想要的呢？

Answer 1

<meta charset="UTF-8"><style type="text/css">p{text-align:center;margin-left:25%;height:300px;width:50%;border:1px solid red;margin-bottom:0;margin-top:0;padding:0;} body{margin:0;text-align:center;height:100%;width:100%;max-width:100%;max-height:100%;}</style><p style="color:yellow;background-color: red;">yep</p><p style="color:red;background-color: yellow;">yep</p><p style="color:white;background-color: blue;">yep</p>