float:nine;和float:both;有什么区别

float:nine;和float:both;有什么区别

float:nine;和float:both;

请问float:nine;和float:both;到底有什么泣别呢感觉实现的效果都是一样


right

还有为什么清楚了右浮动后元素还是靠右呢,为什么不是复原到左边呢?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好 ,这两个效果是不一样哦,可以参考老师上面回复中(1)和(2)。

clear:none;是clear属性的默认值,设置不设置这个属性值原效果不会改变。

clear:both;是清除左右两侧的浮动的影响。

如果还是有问题,建议将自己测试的代码粘贴上来,说明问题,老师测试一下。

祝学习愉快!

好帮手慕星星 2019-10-29 10:23:56

同学你好,

想问的是clear:none;和clear:both;区别?还是float:none和clear:both的区别?float属性值没有both哦。

首先同学理解的有点误区,清除浮动并不是清除元素自身的浮动,而是清除前面浮动元素带来的影响。例如:

http://img1.sycdn.imooc.com//climg/5db79f84098548b703880465.jpg

http://img1.sycdn.imooc.com//climg/5db7a0300981e37a19160118.jpg

两个浮动的元素会显示在一行,two元素不会在自己当前行进行浮动,是因为前面元素浮动脱离文档流。

(1)如果给第二个元素设置clear:none;,意思是不清除浮动

http://img1.sycdn.imooc.com//climg/5db7a0f709bf002d06050490.jpg

效果上和两个浮动一样。

(2)如果给第二个元素设置clear:both;也就是清除左右浮动带来的影响:

http://img1.sycdn.imooc.com//climg/5db7a1f00978783805740520.jpg

第二个元素在当前行进行浮动,不会上去和第一个显示在一行了。

(3)如果给第二个元素设置float:none;这是不给第二个元素设置浮动了:

http://img1.sycdn.imooc.com//climg/5db7a240092e073519200505.jpg

第一个元素设置了浮动,脱离文档流,下面元素就会向上移动。

(4)clear:right;是清除前面元素右侧浮动带来的影响,浮动的元素会在自己当前行进行浮动,而不是没有浮动了哦。

自己可以再测试理解下,如果还没有解决你的问题,可以继续提问。

祝学习愉快!欢迎采纳~

  • 提问者 慕少7027160 #1
    老师,我想问的是clear:none;和clear:both;区别。他们实现的效果都是一样的,所以我想问他们有什么区别呢
    2019-10-29 14:10:59
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师