码迷,mamicode.com
首页 > 其他好文 > 详细

满幅的背景,定宽的内容

时间:2018-03-02 01:08:05      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:log   src   post   inf   footer   app   png   两种   span   

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

如小米官网

技术分享图片

先设置定宽容器

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>

 

满幅的背景,定宽的内容

标签:log   src   post   inf   footer   app   png   两种   span   

原文地址:https://www.cnblogs.com/cherryshuang/p/8490849.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!