满幅的背景，定宽的内容

Posted 2020-10-25 shuangcherry

很多网站设计的网页设计用到的都是满幅的背景，内容宽度定宽的这种设计。

如小米官网

先设置定宽容器

1 .wrapper{
2         width:1226px;
3         margin-left:auto;
4         margin-right:auto;
5 }

然后再配合外部容器一起使用，通常有以下两种写法：

第一种：

1 <div class="footer">
2     <div class="wrapper"></div>
3 </div>

第二种：

1 <div class="footer wrapper"></div>