为了账号安全,请及时绑定邮箱和手机立即绑定

设置向右浮动,取消浮动后元素依然向右

/ 猿问

设置向右浮动,取消浮动后元素依然向右

墨者舞驰 2019-03-22 17:48:47

清除浮动后为什么元素是靠右垂直排列而不是之前的靠左垂直排列?

3个元素 div1,div2,div3

https://img.mukewang.com/5c94af170001a88619200790.jpg

设置3个元素向右浮动

https://img1.mukewang.com/5c94af2700016c4419160643.jpg

清除浮动

https://img1.mukewang.com/5c94af370001579419170585.jpg

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <style type="text/css">

        div{border: 2px solid black}

        .div1{width: 100px;height: 100px;background-color: red;float: right;}

        .div2{width: 100px;height: 100px;background-color: blue;float: right;}

        .div3{width: 100px;height: 100px;background-color: orange;float: right;}

   </style>

</head>

<body>

    <div class="clear">

        <div class="div1"></div>

        <div class="div2"></div>

        <div class="div3"></div>

    </div>

</body>

</html>


查看完整描述

1 回答

?
墨者舞驰

clear:right 的意思是不允许元素的右边有其他浮动元素。与本元素无关。元素还是会靠右排列,但是元素的右边就不会再有浮动元素了。所以会靠右垂直排列


查看完整回答
1 反对 回复 2019-03-22

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信