满幅的背景,定宽的内容

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

如小米官网

先设置定宽容器

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>

 

posted @   shuangcherry  阅读(120)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示