0

次の html レイアウトを検討してください。アクセシビリティやその他の理由から、メニューはソースの 3 番目の位置に配置することをお勧めします。しかし、目に見えるメニューは実際には記事の前の一番上に表示されるはずです。これにはどのようなオプションがありますか? (IE8以降をサポート)

<html>
 <body>
  <article>The article ...</article>
  <aside>something aside</aside>
  <nav>the menu</nav>
 </body>
</html>

現在、私は「display: table」を使用して、同僚が嫌いなようにしています( http://jsfiddle.net/Dqzyj/ ):

<html>
 <body style="display:table;">
  <article style="display:table-row-group;">The article ...</article>
  <aside style="display:table-row-group;">something aside</aside>
  <nav style="display:table-header-group;">the menu</nav>
 </body>
</html>
4

2 に答える 2