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>