css - HTML 5 Section/Aside 边距问题

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/