//我的浏览器是Chorme的最新版本//
我有3行方框：
第一个框是<div>，高度固定，宽度为100％。
第二个框是<video>，高度可变（取决于浏览器大小）和（如果可能，100％宽度 - 取决于高度）
第三个框是<div>，高度固定，宽度为100％。
这3个框位于正文标记中......正文部分必须根据浏览器大小填充整个网页的灵活性。
我希望当我手动调整浏览器大小时，第二个框自动调整大小...我不希望在行或列中显示滚动条而是调整大小... 我无法安排这些行...
Normaly所有盒子的宽度和高度都是最大的......但是当前打开的浏览器窗口不是每个尺寸都不大
我试过这段代码：
<body>
<div class="videos">
<div class="topbox">The top text box</div>
<video class="videos1" controls>
<source src="http://dinamit.ir/test/dinamit.mp4" type="video/mp4" />
<source src="http://dinamit.ir/test/dinamit.webm" type="video/webm" />
</video>
<div class="bottombox">The bottom text box</div>
</div>
</body>
代码也在这里：http://jsfiddle.net/BBGYU/4/ （你可以在这个例子中看到滚动条 - 我不想要滚动条或隐藏的溢出内容....我想自动调整中间内容的大小）
- 请在http://jsfiddle.net/BBGYU/4/中自上而下调整结果框的大小，以便更好地使用我的手段。