1

这里重温一个老问题。如何开发一个三栏布局，其中主要内容在中间，两侧有侧边栏，但主要内容在 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>
4

1 回答 1

1

有几种解决方案：

1）编辑：删除

2）使用绝对定位，这不是很灵敏，但是你可以把东西放在你想要的地方，就像DreamWeaver以前做的那样

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

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

于 2013-01-20T01:45:17.537 回答