老师为什么我这个c设置了clear:right也可以清除浮动啊,b并没有对他产生影响啊。

老师为什么我这个c设置了clear:right也可以清除浮动啊,b并没有对他产生影响啊。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

*{padding:0;

margin:0;

}

.big{

width:1000px;

height:1000px;

border:2px solid #eaeaea;


}

.a{width:300px;

height:300px;

border:2px solid red;

line-height:300px;

text-align:center;

background:red;

float:left;



}

.b{width:300px;

height:300px;

border:2px solid black;

line-height:300px;

text-align:center;

background:orange;

float:right;



}

.c{width:300px;

height:300px;

border:2px solid black;

line-height:300px;

text-align:center;

background:green;

clear:right;



}

</style>

</head>

<body>

<div class="big">

<div class="a">A

</div>

<div class="b">b

</div>

<div class="c">

c

</div>

</div>

</body>

</html>


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

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

1回答
qq_慕标2503495 2020-02-10 16:50:39

b设置了浮动,会对它之后的元素产生影响,会对c产生影响。

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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