CSS寬度不加起來

我有兩個<div>在父母<div>內。兩者的內部都沒有padding,border或margin和width:50%; display:inline-block;的樣式。外部<div>也沒有padding等等。Firebug顯示<div>的外部寬度爲1240px，而每個內部寬度爲620px。那麼爲什麼他們出現在另一個之下而不是並排？如果我把它們的寬度降低到618px，它就可以工作。咦？CSS寬度不加起來

來源

2011-03-14 baruch

如何向我們展示該頁面或[jsfiddle]（http://jsfiddle.net）？ – 2011-03-14 20:12:59

620px + 620px +空格（白色）字符> 1240px – Michas 2011-03-14 20:15:23

@Mat球+1 jsFiddle太棒了！ – 2011-03-14 20:18:45

display:inline-block在繪製元素AFAIK時考慮標記空白的方式不方便。嘗試將font-size:0設置爲父元素（如果它沒有任何其他文本），併爲子元素設置所需的font-size。

P.S.，首先嚐試消除元素間標記的空白區域，看看是否可以解決問題。

來源

2011-03-14 20:17:09 Cronco

就是這樣！謝謝。 – baruch 2011-03-14 20:24:22

這聽起來像一個相當簡單的解決方案，如果你有兩個塊，A和B，他們是完全相同的大小，你直接看着他們，他們排隊完美，你只會看到一個塊。

您正在嘗試顯示不適合容器內部的內容。您已經解決了您的問題，容器的尺寸或溫和地降低，以適應他們在一起。

來源

2011-03-14 20:21:07 Sciar

CSS寬度不加起來

回答

相關問題