Question

这是重新审视一个老问题。如何开发一个三列布局，其中主要内容位于中间，左侧有侧边栏，但主要内容是HTML标记中的第一个？

<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>

Answer 1

有几种解决方案：

1）编辑：删除

2）使用绝对定位，这不是很敏感，但你可以把东西准确地放在你想要的地方，DreamWeaver曾经做过什么

3）使用Javascript重新排列部分和旁边。将左边的一个移到第一个，但这可能不是你想要的窄屏幕

4）他们在AListApart中的建议：http://www.alistapart.com/articles/holygrail/

三栏内容优先

1 个答案: