html - 使 TextArea 填充屏幕顶部,IFrame 填充底部

标签 html css

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

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

正如您可能理解的那样,它并不完全符合我的要求,如果能得到帮助,我将不胜感激。

最佳答案

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

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

关于html - 使 TextArea 填充屏幕顶部,IFrame 填充底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53968260/

相关文章:

javascript - 将默认搜索文本添加到搜索框 html

html - 通过 CSS 中的行数限制文本

javascript - 3 不同的 Main-Div,当点击另一个 main-div 时将显示在 main-div 内并关闭 main div

javascript - 如何让 openlayers map 显示在 twitter bootstrap 中?

javascript - 如何使用背景图像进行淡入淡出过渡

html - "modal"div,内容与IE8透明div的交互问题

javascript - 如何解决“未定义的错误 "Uncaught TypeError: Cannot call method 'changePage”

html - CSS3 框阴影问题

javascript - 如何使用 jquery 禁用和启用选项项?

html - IE 文档模式 8 或以下不兼容 .svg 图片类型