两列 HTML 文档站点地图答案

【问题标题】：Two Column HTML Document Site Map两列 HTML 文档站点地图
【发布时间】：2016-11-09 20:56:43
【问题描述】：

我正在尝试制作一个简单的两栏网页。左侧是一系列 url 链接。右侧是我希望显示内容的位置。我不知道这是否一定重要，但左侧的链接打开到右侧 PDF 文档的不同页面。

<a href="myfile.pdf#page=4">

----------------------------------------
| PDF URL 1    |                       |
| PDF URL 2    |                       |
| PDF URL 3    |                       |
| PDF URL 4    |                       |
|              |    PDF DOC VIEW       |
|              |                       |
|              |                       |
|              |                       |
|              |                       |
----------------------------------------

在我最初的 HTML 时代，使用框架集没有问题。但那是几年前的事了。框架集仍然是一个可行的解决方案吗？或者有没有更好的、目前更被接受的方式使用 DIV？

【问题讨论】：

标签： html css pdf frameset

【解决方案1】：

.column {
  height: 100vh;
}

#side {
  float: left;
  background-color: #CCC;
  width: 40%;
}

#main {
  float: left;
  background-color: #DDD;
  width: 60%;
}

<html>
  <body>
    <div id="side" class="column">
      Look at me! I'm at the side
    </div>
    <div id="main" class="column">
      I'm the main div
    </div>
  </body>
</html>

现在您会使用 div 容器并使用 css 设置它们的样式。我建议看看twitter's bootstrap。

【讨论】：

谢谢。但是如何让左侧 div 中的 URL 在主 div 中打开一个文件？
这有点超出了问题的范围。查看有关如何嵌入 PDF 的答案stackoverflow.com/a/291823/2434539