Question

我正在开发一个Web基础应用程序，我需要垂直拆分浏览器窗口。右列将是html / css和应用程序的内容部分，而左列将显示另一个网站，它将使用大部分空间。我相信我可以用iframe做到这一点，但我想知道是否有一种不同的方法可以给它。

左栏是应用程序的一部分，因此如果用户选择他们可以禁用它，外部网站/ iframe应该占据整个窗口宽度。

我需要为两列提供两个垂直滚动条，而左列不应与另一列重叠。

如果有人能指出我正确的方向，我将非常感激。

谢谢。

Answer 1

您可以使用div分割窗口，通过隐藏一个div，另一个将使用该空格。检查以下代码示例：

<button onclick="document.getElementById('leftArea').style.display='none'">Hide Left Area</button>

          <div style="width:100%; height:100%">
              <div id="leftArea" style="float:left;width:50%;background-color:#FF0000">
                  Left Area - iframe below:<br/>
                  <iframe src="" width="100%" height="100%"> </iframe>
              </div>
              <div style="width:100%; background-color:#0000FF">
                 Right Area
              </div>
          </div>

Answer 2

检查一下。可能是一个可能的解决方案，但我个人认为iframe是要走的路。

http://camendesign.com/code/splitscreen

如何拆分浏览器窗口

2 个答案: