HTML 5部分/旁边边距问题

Question

我正在把这头发撕掉。我已经设置了一个重置​​样式表，我希望能处理所有内容并将所有边距和填充设置为0（冗余，我知道），但是如果你看看result Fiddle }，即使浏览器都显示没有边距或填充，我的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-block切换到float: left。为简单起见，我在这里使用内联CSS完成了这项工作：http://jsfiddle.net/BzCsj/4/