盒子模型应用页面布局

1,达到的效果

2，先用div盒子，把结构排出来

3，调整紧贴盒子间的距离（由于都左浮动），不是想使用外边距和内边距，在盒子大小固定情况下，利用设置内容的大小，起到间隔作用。

 4，利用盒子嵌套，调整里面（红色盒子的位置）位置，使内容达到布局的要求。

 

5，完成效果

转载于:https://www.cnblogs.com/dengfei201766/p/8835432.html