ask2

为什么这个会在的元素的下面？ 财富值92

2016-10-26 13:51发布

站内问答 /
2516 7 3 
<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Document</title>     <style type="text/css">         .one{width: 250px;               height: 250px;            background: red;            float: left;}          .tow{     width: 300px;     height: 200px;     background:yellow;}         .three{         width: 200px;         height: 200px;         background: pink;         float: right;        }     </style> </head> <body>     <div class="one"></div>   <div class="tow"></div>   <div class="three"></div>     </body> </html>

效果图：


我有点不明白为什么粉色的在最下面而且刚好顶部在黄色底部的水平线上。按照我的理解，粉色的应该在最右端的上面。求解析！！！

7条回答
赞儒 - 这个人很懒，什么都没留下
2016-10-26 14:25

tow div是块级元素，占了一整行 添加display: inline-block; 可以达到你想要的效果

一周热门 更多>