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

当只给left设置了float：left；right没设置浮动时，right的宽度为什么变小了呢？

效果如图，right为啥宽度变小了？求教

宝宝心里苦

2016-02-12

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

关注问题我要回答

1286

操作

收起

3 回答

老杨GAGA
2016-06-27

left盖在了RIGHT上边

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

收起回答

CQ_engineer
2016-03-09

用浏览器显示就没变化！！！

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

收起回答

阿徐
2016-02-12

因为right并未脱离文档流，而left已经使用float：left脱离了文档流，可以想象成left漂浮在right上，因为left宽度较小，所以给人感觉right宽度变小了

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

收起回答

宝宝心里苦提问者

你的意思是float覆盖了right的左半部分吗？但是教程里有说float虽然脱离文档流，但是其他元素会环绕在他周围，为他保留位置。而且right文字居中显示，如果如你所说，应该有一半字被覆盖了呀

2016-02-15 回复有任何疑惑可以回复我~

腹黑的王先森回复宝宝心里苦提问者

里面的内容不会被覆盖

2016-07-09 回复有任何疑惑可以回复我~

0/150

提交

取消

如何用CSS进行网页布局

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

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

进入课程

当只给left设置了float：left；right没设置浮动时，right的宽度为什么变小了呢？

我要回答关注问题

热搜

最近搜索清空

当只给left设置了float：left；right没设置浮动时，right的宽度为什么变小了呢？

3 回答

当只给left设置了float：left；right没设置浮动时，right的宽度为什么变小了呢？