                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

三列布局问题

三列自适应，左边和右边都设置固定宽度，中间没有设置宽度，但是都设置了float:left；为啥无法并排排列

.left{width:200px;height:500px;float:left;}

.middle{height:500pxl:oat:left;}

.right{width:200px;height:500px;float:right;}

01:29

郭菲菲同学

2016-03-03

源自：如何用CSS进行网页布局 4-1

关注问题我要回答

781

操作

收起

3 回答

梁子1
2016-03-12

middle错误了，middle没有设置宽度，所以float不生效，还是保留在文档流当中，所以失效！

0 回复有任何疑惑可以回复我~

收起回答

蔡义
2016-03-03

display:inline

0 回复有任何疑惑可以回复我~

收起回答

zning02
2016-03-03

div默认是块元素，占满一行的所以不行。设置左右margin之后，再让左右两边的div定位一下就上去了

0 回复有任何疑惑可以回复我~

收起回答

郭菲菲同学提问者

但是float:left不就已经脱离文档流了，还是块状元素吗，还会自称一行？

2016-03-04 回复有任何疑惑可以回复我~

流海侃人回复郭菲菲同学提问者

就是float标签的能力就是将元素变成块状元素。

2016-03-12 回复有任何疑惑可以回复我~

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209624 人
解答问题 1153 个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

三列布局问题

我要回答关注问题

热搜

最近搜索清空

三列布局问题

3 回答

三列布局问题