初学者对于网页布局的一些见解

1、先根据效果图确定需要几个大div，每个大div设定heigth（建议初学者将每个div设置不同背景色）；

2、根据结构，确定大div中需要多少中div，设定中div的width，height；

3、在大div中设定overflow：hidden；来触发BFC效果；

4、在每个中div中设定float：left（或者其他）；

5、如果中div内需要很多小div组成，设置中divoverflow：hidden；

6、设置小div的width及height，并设置float：left（或者 其他）；

7、偏移div使用margin-top，maigin-left等等进行调整，前提是该div触发了BFC环境；

8、不管多少div，布局以此类推；

总结：想要精准定位每个div，一定要设置width和height，然后在上层使overflow：hidden；来触发BFC，使用margin和padding进行定位。

转载于:https://www.cnblogs.com/lzm1989/p/5861683.html