如何將DIV放在彼此的旁邊

我有幾個DIV我想放在彼此的旁邊，但是因爲它們被阻擋，所以它們會落在彼此之下。我怎樣才能解決這個問題？如何將DIV放在彼此的旁邊

正如許多答案中所述，包含代碼是一個好主意。現在你的問題存在一些有效的答案，但對於你的問題沒有更多細節，任何人都不可能爲你的情況找出答案。並歡迎來到:) – csturtz 2012-03-09 14:09:04

最好的辦法是使用浮動：左，但在某些情況下，你可能會使用，而不是DIV

2012-03-09 13:58:40

Nooooo漂浮是邪惡的。如同它們一樣，它們造成的問題比解決問題多得多。 – Domenic 2012-03-09 13:58:56

他們是怎樣的邪惡？ – 2012-03-09 13:59:34

他們將元素摺疊出佈局。它們非常適合它們的原始用途：將文字浮動在長篇文字旁邊（想象一下書中的圖片）。但他們從來沒有被視爲一種佈局機制，所以濫用它們會導致各種各樣的惡意的東西，比如臭名昭着的「clearfix」。 – Domenic 2012-03-09 14:02:29

div.i-like-snuggling { 
    /* don't ever leave me */ 
    display: inline-block; 
}

2012-03-09 13:56:56 Domenic

好吧，*我*喜歡擁抱。 – BoltClock 2012-03-09 13:57:37

可以用下面的代碼實現這一點：

風格= 「顯示：內聯塊」;

編輯

2012-03-09 13:57:09 Liam

我從來沒有聽說過屬性'stytle'。這是「HTML6」嗎？ – Christoph 2012-03-09 14:02:34

沒有。這非常非常標準！ PS最新的HTML是HTML5不是6 .... – Liam 2012-03-09 14:04:17

也許它是HMTL。 – 2012-03-09 14:07:49

添加display: inline-block;風格，這些div

2012-03-09 13:57:30 csturtz

最好的辦法是去與CSS屬性「浮動」

div { float: left; width: 200px}

例如。如果你沒有指定寬度，瀏覽器將渲染一個它認爲合適的寬度（例如一個子元素的寬度）。

至於建議由其他人，你也可以使用display:inline-block。它有點取決於你想達到什麼效果。

2012-03-09 13:57:54 Bram

如果div的高度不一樣，或者他們有特殊的保證金/填充需求，你可能會遇到問題...... – 2012-03-09 14:01:47

確實，知道更多細節會很有趣關於Petter Hermansen試圖達到的目標。 – Bram 2012-03-09 14:08:49

也許絕對定位是您最好的選擇SPAN。我們不知道你的HTML看起來像什麼！

2012-03-09 13:59:03

我喜歡這個人！（和絕對定位......） – SamStar 2012-03-09 14:31:02

回答