У мене є вікно, яке можна змінити. Всередині: є div, який повинен змінювати розмір у міру зміни вікна. Всередині є нормальна смуга висоти, незалежно від вмісту, який завжди повинен з’являтися внизу. Зауважте, що вміст для цих 2 можна змінити будь-коли. Будь ласка, не майте рішення Javascript.
<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>:
Відповіді:
1 для відповіді № 1Будь ласка, як я вже сказав, не використовуйте стиль вбудованої форми.
Файл 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>
0 для відповіді № 2
Це працювало за допомогою таблиці:
<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>