Div共享总大小（不是百分比）

Question

是否有连接div的大小，就像我在下面的框架一样？ 我在说在rows="*, 16"，这需要剩余的空间。

<frameset frameborder="0" rows="70, *, 30"> 
    <frame name="toolbar" src="toolbar.html" marginwidth="8px" marginheight="8px" /> 

    <frameset id="lineNumFrameset" frameborder="0" cols="50, *"> 
     <frameset rows="*, 16"> 
     <frame id="other_frame" name="lineNum" src="lineNum.html" marginwidth="8px" marginheight="8px" align="top" /> 
     </frameset> 

     <frame name="editor" src="editor.html" marginwidth="8px" marginheight="8px" /> 
    </frameset> 

    <frame name="statusbar" src="statusbar.html" marginwidth="8px" marginheight="8px" /> 
</frameset> 

谢谢。

Answer 1

看起来你想要一个流体三列布局。

使用边距和浮点数可以使用。将您的第一个div浮动到左侧，并将其设置为您想要的最左列宽度的宽度。浮动右边的第二个div并设置其宽度。然后你的第三个div不会浮动，但是你将左边距设置为左列的宽度，右边距设置为右列的宽度。

如果你的任何一列的高度大于你的中间div，将会有一些问题需要解决，但是通过创建一个包含浮动的div可以解决这个问题。

编辑：添加例子：

http://css.maxdesign.com.au/selectutorial/steps/step22.htm

Answer 2

我解决问题的办法是与使用JavaScript相关的高度CSS属性设置的视口（document.documentElement.clientHeight）使用onresize事件。