为什么在div中加的是左浮动但是div会向右浮动

为什么在 div 中加的是左浮动但是 div 会向右浮动呢?这一点我相信有好多人都会遇到,至于原因,你懂的。因为我也遇到了,而且为此困惑了好久,不过我遇到的是我屏幕大的话,网页就会发生偏移,而我这种小屏却没什么事。之前右朋友跟我说过,但是一直没上心,今天晚上准备修复一下。

他这个浮动其实是因为在你的 div 之前的标签中也有使用浮动或者别的什么属性,导致该标签的位置发生变化,进而引发了它后面的标签也发生了偏移。我们解决的方法非常容易,只需要给偏移的第一个标签加上 clear 属性就行了。

先进行一下 gif 图片展示吧,

为什么在div中加的是左浮动但是div会向右浮动

如图,我们把 clear 这个属性给去掉,然后我们的内容就会发生偏移了,而我们加上,就会恢复正常了。这篇文章其实可以做一下之前那篇文章的反驳,哈哈,之前那是因为学的太少了,不过方法还算正确,但是判断的原因出错了,主要是当时解决了,所以后面就懒得想了,这次一道给正好了。之前那篇文章,说的是我删除栏目的时候,之后不论怎么修改页面的元素都会发生偏移,大概率就是因为这个浮动搞得鬼,不过我并没有进行测试哦,只是说一下,如果有朋友正好遇到这个问题可以尝试一下。最后说一下,只需要在我们不正常的标签加上 clear: both; 这个就行了。

为什么在div中加的是左浮动但是div会向右浮动

http://www.datehoer.com/posts/69c65960-6e80-11ee-a697-01b0896cf41d/

作者

datehoer

发布于

2020-11-28

更新于

2023-10-19

许可协议

评论