0

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

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

我需要为两列设置两个垂直滚动条，并且左列不应与另一列重叠。

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

谢谢你。

4

2 回答 2

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>
于 2013-06-20T19:52:40.437 回答
0

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

http://camendesign.com/code/splitscreen

于 2013-06-20T20:07:38.253 回答