当我们设置几个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>