HTML 5 Section/Asideマージン問題

Question

私はこの1つに私の髪を裂いています。私はすでにすべてを扱い、すべての余白とパディングを0に設定することを望んでいたリセットスタイルシートを設定しましたが、Fiddleのresultを見ると、私のsectionタグはブラウザには余白や余白がないことが示されていますが、asideタグの横に触れてください。

興味深いことに、それはIE 7で動作し、他のすべてのブラウザは惨めに失敗します。あなたはinline-block要素であることをasideとsectionを設定しているので、=/

Answer 1

彼らは触れていません。inline-block要素と

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

、HTML内の空白が顕著になります。

一つの解決策は、あなたのasideとsection間の空白を削除することです：

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

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

別の解決策は、float: leftにdisplay: inline-blockから切り替えることです。私はここで簡単にインラインCSSを使ってこれを行っています：http://jsfiddle.net/BzCsj/4/