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

求解惑！关于css中clear：both的作用！

个人的理解clear：both的作用是清楚之前浮动元素对于当前元素的影响（即认为之前所有元素均不浮动），但实际上之前的元素仍是浮动的，只不过此时被clear：both的元素认为他们不浮动了。

也就是说，元素被添加了clear：both之后，并没有改变之前元素浮动的本质，只不过是（在布局上）不再影响当前元素而已。从这个角度来看，“清除浮动”的翻译是会产生歧义的，个合适的叫法应该是“清除浮动影响”才对。

以上都是我的个人理解，再次求助各位慕友，这个理解对吗？

了不起的鸭嘴兽

2016-04-26

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

关注问题我要回答

1611

操作

收起

3 回答

Happy_learning
2016-05-22

这里可以让你理解清楚，里面还有亲自尝试

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

收起回答

正在登录中
2016-05-04

从单词上理解 clear（清除） both（两者），因为本题中左边和右边都用了浮动，所以用clear:both清除两者浮动，假如本题只是float:left 左边浮动右边不设置浮动，用clear:left清除左边浮动即可。或者只是float:right 右边浮动左边不设置浮动，用clear:right清除右边浮动即可，但不建议使用，像这种如果不清楚哪方浮动的话容易搞乱布局。一般用clear:both清除两者浮动比较省心。