请看下面的例子：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div{border: 1px solid red;}
</style>
</head>
<body>
<div style="width: 500px; height:300px;">
<div style="width:200px; height:200px"></div>
<div style="width:200px; height:200px; float:right;"></div>
</div>
</body>
</html>
我们把代码修改一下，把float:right的那个div放到普通的div的前面，结果就正常了。
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div{border: 1px solid red;}
</style>
</head>
<body>
<div style="width: 500px; height:300px;">
<div style="width:200px; height:200px; float:right;">到前面来了</div>
<div style="width:200px; height:200px"></div>
</div>
</body>
</html>
要饭二维码
洪哥写文章很苦逼，如果本文对您略有帮助，可以扫描下方二维码支持洪哥！金额随意，先行谢过！大家的支持是我前进的动力！
文章的版权
本文属于“洪哥笔记”原创文章，转载请注明来源地址：float:right的元素要先写：http://www.splaybow.com/post/float-right-first.html
如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务，请加QQ：8771947！十年运维经验，帮您省钱、让您放心！
亲，如果有需要，先存起来，方便以后再看啊！加入收藏夹的话，按Ctrl+D！
发布时间：2015/4/25 22:39:02 | 编辑:洪哥 | 分类:DHTML | 浏览:
