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

20181210

时间:2018-12-10 14:02:54      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:margin   应该   新手   老师   想法   怪物   渲染   移动   100%   

关于双飞翼布局

今天上午了解了一下双飞翼布局,作为一个新手,我理解起来比较困难,和老师同学们交换了想法之后,理解起来就很容易了。因为main的宽度是100%,所以left和right其实是被“挤”出去的,所以需要把他们两个给调整到合适的位置,如果宽度够的话,left和right应该是在main右边的,所以只需要把它们两个向左移动就好了,left需要移动一个main的距离,而right只需要移动自己的宽度就好了,此时的left和right是盖在main上面的,所以main两边的部分时候看不到的,但是只要把内容写在main的div里面,然后给这个div加上margin-left和margin-right,数值分别是left和right的宽度,这样就完成了一个简单的双飞翼布局。而我一直想不明白这样做的好处在哪,搜索了一下才知道这样可以让main里面的内容优先加载,优先渲染。(某宝都是怪物)

20181210

标签:margin   应该   新手   老师   想法   怪物   渲染   移动   100%   

原文地址:https://www.cnblogs.com/cz0017/p/10095695.html

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