HTML 5 Раздел / Проблема с запасом

Question

Я вырываю свои волосы на этом.Я уже установил таблицу стилей сброса, которая, как я надеялся, обработает все и установит все поля и отступы равными 0 (избыточно, я знаю), но если вы посмотрите на результат этого 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/