20181210

关于双飞翼布局

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

猜你喜欢

转载自www.cnblogs.com/cz0017/p/10095695.html