1

ここで、古い問題を再検討します。メイン コンテンツが中央にあり、両側にサイドバーがあり、メイン コンテンツが HTML マークアップの最初にある 3 列のレイアウトを作成するにはどうすればよいですか?

<body>
  <section id="main">
    <h1>Main Section Title</h1>
    <img src="http://placehold.it/400x300" />
    <p>This is the main content most important to readers</p>
  </section>
  <aside id="highlights"><!-- left column -->
    <h2>Highlights</h2>
    news feed goes here...
  </aside><!-- end left column -->
  <aside id="participate"><!-- right column -->
    <h2>social Network</h2>
    social media links here...
    <h2>Events</h2>
    events listing here...
  </aside><!-- end right column -->
</body>
4

1 に答える 1

1

いくつかの解決策があります：

1）編集：削除

2）絶対ポジショニングを使用します。これはあまり応答性が高くありませんが、DreamWeaverが行っていたように、必要な場所に正確に配置できます。

3）Javascriptを使用して、セクションと傍白を再配置します。左側を最初に移動しますが、狭い画面ではおそらくそれは望ましくありません

4）AListApartで提案されていること：http：//www.alistapart.com/articles/holygrail/

于 2013-01-20T01:45:17.537 に答える