对于div的右浮动会导致顺序会改变

当我们设置几个div右浮动的时候会出现顺序的改变,直接倒序了。

解决的方法是在几个div外面加上一个大的div即可,但是里面的所有div都要左浮动才行,具体做法如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>div浮动</title>
    <style>
        #div{float:right}
        .div{float:left}
    </style>
    </head>
<body>

<div id="div">
    <div class="div">第一个div</div>
    <div class="div">第二个div</div>
</div>

</body>
</html>

 

posted @ 2016-01-15 17:09  纸鸢&红豆·绿豆  阅读(921)  评论(0编辑  收藏  举报