HTML 5 Section/Aside保證金問題

Question

我正在撕掉我的頭髮。我已經設置了一個重置​​樣式表，我希望能夠處理所有事務，並將所有邊距和填充設置爲0（我知道這是冗餘的），但是如果您查看Fiddle的result，我的section標記將不會觸摸我的aside標籤的一面，即使瀏覽器都顯示不存在邊距或填充符。

有趣的是，它在IE 7中工作，所有其他瀏覽器失敗慘敗。 =/

Answer 1

他們沒有接觸，因爲你已經設置aside和section是inline-block元素：

nav, section, aside { 
    display: inline-block; 
} 

隨着inline-block元素，空格在HTML變得顯著。

一種解決方案是移除aside和section之間的空白：

http://jsfiddle.net/BzCsj/2/

<aside id="sidebar">asd 
</aside><section id="main">test 
</section> 

另一個解決方案是從切換到display: inline-blockfloat: left。爲了簡單起見，我在這裏用內聯CSS做了這件事：http://jsfiddle.net/BzCsj/4/