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

float:right;

当.right没加float:right;时为什么.right会靠近.left，为什么它的宽度会比没加上float:right;的时候还短

qq_那个猫_0

2016-03-23

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

关注问题我要回答

382

操作

收起

3 回答

程序媛ing 回答被采纳 +3 积分
2016-04-06

若没加float:right,那么.right就是在正常文档流里面，就默认靠左。而float：left使.left脱离文档流，”浮“在.right上面，就遮挡了一部分.left，因此.left就短了一截。你可以把.left的height改小一些，就会发现它其实是把.left遮盖了。

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

收起回答

Dream0703

为什么不加float：right就是默认靠左而不是另起一行呢？

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

qq_那个猫_0 提问者

非常感谢！

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

程序媛ing
2016-04-21

因为加了float后.right就脱离了正常文档流“浮”在了正常文档流的上面，相当于他原来的位置就空出来了，然后.left就按照正常的排列方式：从上到下从左到右（这是默认的，按照阅读习惯吧），自然就排到了.right 原来的位置上，就是靠左了。

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

收起回答

程序媛ing

哎呀，看错了，以上的那个left ,right你凑合看吧，我分不清是在讲left还是right了，反正原理是一样的

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

python好吃吗
2016-03-23

没有加上它不就是默认与.left 一起左浮了吗。

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

收起回答

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209551 人
解答问题 1206 个

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

进入课程

float:right;

我要回答关注问题

热搜

最近搜索清空

float:right;

3 回答

float:right;