float布局讲解

今天干活腰酸，年纪轻轻就这样了，不知道要是以后干程序猿会不会更疼，还吃坏肚子，难受的一天，不过我还是拼命为友友们更新。

好了废话不多说，今天我们一起来学习float布局，希望大家多支持，多点赞，

我们先弄三个盒子，正常是下面这样的

然后再三个盒子里面使用float布局

这时候设置的左边盒子最左边显示和右边盒子最右边显示，但是中间的盒子缺不见了。

这是因为中间的盒子没有脱离文档流，默认显示在大盒子的最左边，这时候我们给中间的盒子加宽度以及内容

大盒子明显没有800

然后我们设置中间宽度的盒子为百分百，这个就是圣杯布局，也叫三栏式布局伸缩两边大小不动中间伸缩，里面的内容也跟着伸缩

如果两栏式效果也是一样，所以这个float布局比较简单，新手试用高。

有些人就会问了，做这个布局有啥用，比如csdn

这个是一个三栏式，要是伸缩傍边的文字会被压缩换行显示

今天的教程就到此了，明后天会给大家更新flex布局，谢谢大家，希望大家来个点赞，收藏加关注，给我足足的动力。