DIV与DIV成比例的动态窗口大小

我有一个可调整大小的窗口。其中：有一个div必须在窗口更改时更改大小。无论内容如何，都必须始终显示在底部。请注意，这两个内容可随时更改。请不要javascript解决方案。DIV与DIV成比例的动态窗口大小

<html style=height:100%> 
<body style=height:100%;overflow:hidden> 
<div id=edit_area style=height:80%;overflow-y:auto>Unknown content and height</div> 
<div id=ok_bar style=height:100px>Unknown content and height</div> 
</body> 
</html>

不管有些说 - 一个桌子前，HTML5这个简单的解决办法>：

来源

2013-11-25 Johnny Darvall

请不要使用内联样式，这是这么差。 –

请，正如我所说的，不要使用内嵌样式。

CSS文件：

html{ 
    height:100%; 
} 

body{ 
    height:100%; 
    overflow:hidden; 
} 
div#edit_area{ 
    height:80%; 
    overflow-y:auto; 
} 
div#ok_bar{ 
    height:20%; 
    position:relative; 
    bottom:0px; 
}

HTML：

<html> 
<body> 
<div id=edit_area>Unknown content and height</div> 
<div id=ok_bar>Unknown content and height</div> 
</body> 
</html>

来源

2013-11-25 12:12:15

完全没有回答我的问题。 –

当窗口发生变化时，80％不会保持与底部div的齐平接触 –

请参阅编辑@JohnnyDarvall ps：您的问题很难理解 –

这个工作用表：

<style>html,body{height:100%}</style> 
    <body style=padding:0;overflow:hidden> 
    <table style=width:100%;height:100%> 
    <tr><td style=padding:0> 
<div style='height:100%;overflow:auto;padding:20px' contentEditable></div> 
</td></tr> 
    <tr><td style=height:10px;padding:8px><input type=button value=OK></td></tr> 
    </table> 
    </body></html>

来源

2013-11-26 05:43:34

DIV与DIV成比例的动态窗口大小

回答

相关问题