+--------------------+
| |
| |
| |
| |
| 1 |
| |
| |
| |
| |
+--------------------+
| |
| |
| |
| |
| 2 |
| |
| |
| |
| |
+--------------------+
Run Code Online (Sandbox Code Playgroud)
如上所示的(1)的内容是未知的,因为它可以在动态生成的页面中增加或减少.如上所示的第二个div(2)应填充剩余空间.
这是我的HTML的一个例子
<div id="full">
<!--contents of 1 -->
<div id="someid">
<!--contents of 2 -->
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
三网融合
#full{width: 300px; background-color: red;}
#someid{height: 100%;}
Run Code Online (Sandbox Code Playgroud)
或者这种方法错了吗?我该怎么做?请看我的演示并告诉我我的错误.
div 位于另一个 div 下方的简单示例,第一个显示宽度为 100% 的视频,另一个显示内部有一些溢出的文本。我想要的是滚动第二个 div 而不是整个页面:
<div id="bot" style="overflow:auto;">
Run Code Online (Sandbox Code Playgroud)
//edit 我删除了 z-index 因为它是主代码的剩余部分。视频的高度可能会有所不同,这就是为什么将 #bot div 设置为恒定高度不是解决方案的原因。视频取决于我在页面高度的 35%-50% 之间的比例。