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

关于浮动的一个问题

关于浮动的一个问题

wykun 2017-08-08 17:04:42
<!doctype html> <html> <head>     <meta charset="UTF-8">     <meta name="viewport"           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title>     <style>         .div1{             height:100px;             background: green;         }         .div2{             height: 100px;             width: 100px;             float: left;             background-color: red;         }     </style> </head> <body>     <div>         <div>1</div>         <div>2</div>     </div> </body> </html>div2在div1下面<body>     <div>         <div>1</div>         <div>2</div>     </div> </body>div2在div1上面<body>     <div class="wrap">         <div class="div2">2</div>         <div class="div1">1</div>     </div> </body>为什么body中,颠倒了div的顺序结果会不同?
查看完整描述

3 回答

?
cnyballk

TA贡献148条经验 获得超93个赞

第一个是因为你div1占据了一层所以div2只能在下一层浮动on个,第二个是div2浮动了就不会占据一层 所以div1会和他一起占据一层

查看完整回答
1 反对 回复 2017-08-08
?
脑袋空空空想家

TA贡献42条经验 获得超49个赞

因为放在前面的盒子肯定排在前面啊,你顺序不一样,出来的效果肯定不一样,而且第一个因为你DIV1没设宽,默认100%,所以2就被挤到下一行了。

查看完整回答
反对 回复 2017-08-08
?
一诺yinol

TA贡献27条经验 获得超4个赞

你的div1,没设宽,默认为100%;

查看完整回答
反对 回复 2017-08-08
  • 3 回答
  • 0 关注
  • 1826 浏览
慕课专栏
更多

添加回答

举报

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