用百分比

簡單的問題鴻溝DIV我想在兩列我使用與 http://jsfiddle.net/petran/WnKW3/用百分比

display:inline-block

到的div來劃分一個div它工作正常，當我添加寬度爲100％，第二總和列出現似乎它不在父窗口上，如果寬度總和高達99％正在工作我的問題是，如果這應該總是列的總和？

2013-06-19 Petran

這是因爲HTML代碼中兩個子div元素之間的差距。你需要消除你給予的兩個div之間的差距display: inline-block。只要刪除它。它會正常工作。

<div class="container"> 
    <div class="col1"> 
     col1 
    </div><div class="col2"> <!-- removed whitespace --> 
     col2 
    </div> 
</div>

欲瞭解更多信息，請通過這個link

還有許多其他的方式來解決這個問題。你可以找到here

2013-06-19 16:15:07

但是是不是一個更好的主意浮動的DIV，這樣你就不會從標記取決於空白？ –

@OneTrickPony你是另一種方式。但我們不知道OP究竟在做什麼。因爲我們可以看到OP的項目代碼。 –

這很奇怪。空白如何影響html元素的顯示（當然，沒有預標籤）？ –

你的div之間的空白佔用空間，所以你的總寬度大於100％，這就是爲什麼它包裹。取出空間，你會看到

<div class="col1"> 
    col1 
</div><div class="col2"> 
    col2 
</div>

2013-06-19 16:15:20 Musa

回答