HTML/CSS - 將div的下一個和下一個彼此放在一起

Question

我有一個問題，我希望有人能幫助我。我想是這樣的：

[lorem] [lorem 
     ipsum 
[other] bla 
     bla] 

因此，這3樓div的這是下一個和下對方，我有什麼是這樣的：

[lorem] [lorem 
     ipsum 
     bla 
     bla] 

[other] 

所以當DIV已經結束的其他分區來下div代替div的旁邊。

我的代碼：

<div> Lorem </div> 
<div> lorem ipsum bla bla </div> 
<div> other </div> 

div { float: left; } 

這可能嗎？謝謝！

Answer 1

ü可能想要這個...

<div class="abc"> 
    <div> Lorem </div> 
    <div> other </div> 
</div> 
<div class="abc"> lorem ipsum bla bla </div> 


.abc { float: left; margin-right:20px;} 

Answer 2

如果我理解正確的話，你希望所有三個div都連成一行。 如果這就是你想要的，那麼你應該給你的div的寬度。

例如，如果您的父容器寬度爲600px，那麼您的浮動div必須具有200px寬度（200px X 3 divs = 600px）。

這樣，你可以確保它們適合一行。