我想全部用浮动定位实现，为什么right没有成功？

。。。。。

paran

2015-01-11

源自：网页布局基础 5-1

关注问题我要回答

1172

操作

收起

1 回答

闹小志
2015-01-11

根据你的代码，我找到的问题：

你的思路是对的，三个div都设置成浮动是可以实现效果的。

问题一：你在类名为right的div上做了清除浮动的操作，也就是，你限制了类名为right的div的左边是不能存在浮动元素的，导致了这个div的串行，也就是到了下一行！

问题二：你没有给类名为right的div设置宽度，这样它的宽度是随着内容撑大的。在你的代码中，p标签的长度撑大了div，导致发生串行。

解决办法：把clear：left去掉，还有给类名为right的div设置宽度。

个人理解，希望对你有帮助~~

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

收起回答

paran 提问者

按照你的说法，我对代码进行了改进，成功了！谢谢！！！我原先是以为mid的浮动对right产生了影响，right才上不去，所以有了clear：left。现在才知道是因为right太宽了撑不上去！

2015-01-11 回复有任何疑惑可以回复我~

0/150

提交

取消

网页布局基础

参与学习 214707 人
解答问题 1756 个

让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识

进入课程

我想全部用浮动定位实现，为什么right没有成功？

我要回答关注问题

热搜

最近搜索清空

我想全部用浮动定位实现，为什么right没有成功？

1 回答

我想全部用浮动定位实现，为什么right没有成功？