Я пытаюсь создать семантически корректную веб-страницу HTML 5 с использованием CSS 3. Я создал следующую разметку, которая существует в корне моего элемента body
. Применение display:table-cell
к элементам aside
и section
приводит к тому, что они будут столбцами, как мне бы хотелось. Тем не менее, я не содержал элемент для применения display:table
to. Можно ли использовать display:table-cell
, если элемент, к которому он применяется, не содержится в display:table
? Если нет, то есть лучший механизм для создания макета столбца с этими элементами без использования float?
<aside>
<nav>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</nav>
</aside>
<section>
Content goes here
</section>