1.div默認的display值是block。所以每一個div占據一行；2.float屬性只能讓你的內容在原有位置上左右浮動，并不會網上擠；3.如果想要實現樓主說的效果，可以給第二個div加上display:inline實現并排,或者使用position配合 left,right,top,bottom給div定位；4.樓主發代碼得排版好，少還好，多就沒人理你了。

你肯定會問那為什么第一個紅色的div就可以在第一行，那是因為html代碼中紅色的div出現在了不浮動的div前面，如果把不浮動的第一個div寫在最前面，兩個浮動的div都會出現在下面的第二行。

因為你tow的那個div就占了一行，所以右浮動的那個div就會被擠到下面去了

因為沒有浮動的塊元素自己就占據了一行了啊，浮動的元素在該行上就沒有空間了，所以就被擠下去了第二行了。

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

哈哈哈~~~

總結

以上是生活随笔為你收集整理的为什么这个会在的元素的下面？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。