使TextArea填充屏幕的顶部,IFrame填充底部的

时间:2018-12-29 09:16:06

标签: html css

我正在用电子制作HTML编辑器,我希望将要写入HTML的文本区域放在屏幕顶部,而将IFrame则显示为页面的IFrame放在底部,这两个方面都需要分别恰好适合屏幕的一半。这是我自带的:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML Editor</title>
</head>
<body>
    <textarea id="editor"></textarea>
    <iframe id="view"></iframe>
</body>
</html>

您可能会理解它并不完全适合我的需求,非常感谢获得帮助。

1 个答案:

答案 0 :(得分:0)

#editor {height: 50vh; width: 100%;}
#view {height: 50vh; width: 100%;}
<textarea id="editor">your text</textarea>
    <iframe id="view"></iframe>

使用它,如果需要任何更改,请告诉我