拥有不同宽度的页面的最佳方式

Question

我必须创建一个具有以下结构的页面:

RED部分宽度= 100%,蓝色(和绿色)部分宽度为885px.

我想创建不同的宽度,一些宽度= 885px,其他宽度为980px ...但我认为这不是正确的方法......事实上如果我必须改变宽度,例如从885px到980像素

我认为另一个解决方案可能是div ...第一个宽度为100%; 第二个,在第一个内部,宽度为885px.但我认为将绿色div放在背面红色的同一高度/顶部可能很困难.

您将采用哪种方法来实现目标？

谢谢

Answer 1

您需要管理如下的简单html:

<div class="wrapper">
  <div class="wrap"></div>
</div>

.wrapper{
  width: 100%;
}
.wrap{
  width: 885px;
  margin: 0 auto;
}

当你只需要全宽div时,不要包含.wrap在你的html中.而当你只需要.wrapper在你的HTML中885px宽度div排除.