关于清除浮动左右设置的问题

关于清除浮动左右设置的问题


<html>

<head>

<style type="text/css">

#div1{

  float:left;

  clear:right;

}

#div2{

    float:left;

    /*clear: left;*/

}

</style>

</head>


<body>

    <div id="div1">

        <img src="http://img1.sycdn.imooc.com/climg//59c8742e0001bc9607120172.jpg" />

    </div>

    <div id="div2">

        <img src="http://img1.sycdn.imooc.com/climg//59c8742e0001bc9607120172.jpg" />

    </div>

</body>


</html>

这里如果我在div2里设置clear:left,两张图就是上下排列,但是如果删除div2里的clear:left,在div1里设置clear:right,两张图还是左右排列不是上下排列,这是怎么回事,不是应该div1的右边不允许出现浮动元素吗

正在回答 回答被采纳积分+1

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

2回答
好帮手慕柯南 2019-10-13 15:02:57

同学,你好~

  1. 首先,html和css是同时加载的,因此div1加载时它的css也加载的,此时就会应用。但是这个时候div1的右边并有元素,所以不会影响到右边的~

  2. 根据上面的描述,其实可以看出clear:*** 只对其前边的元素有影响,对后面的元素是没有影响的。所以clear:right是没有用的

  3. 另外同学只要可以实现样式就可以,就css官方的很多描述,本身来讲就是很模糊。所以有时有些细节是可以忽略的~

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

好帮手慕柯南 2019-10-13 13:57:40

同学你好,

  1. 同学在div2中设置了clear:left,说明,div2的左边不允许出现浮动的元素了,现象正确

  2. 同学在div1的右边,设置了clear:right,但是同学在div1执行出来的时候div2还没执行,也就是说clear:right不起作用

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

  • 提问者 慕粉1474288341 #1
    浮动元素不都是从左到右加载的,那clear:right什么时候起作用请给我写一个例子
    2019-10-13 14:36:17
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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