ace编辑器比其父div类更大

Question

我正在尝试在我的网页中使用ace编辑器。

ace编辑器github：https://github.com/ajaxorg/ace

在html主体上，我在div“第三页”中插入了ace编辑器div类，如此

<div id="third-page" style="display: none;">
    <div id="editor"> test </div>
    <button class="btn btn-primary btn-lg" id="priv_3">Previous</button>
    <button class="btn btn-primary btn-lg" id="next_3">Next</button>
</div>

我按照github教程中的说明声明了样式表。

但它太小了，我想匹配其父母的大小。

我找到了相关的stackoverflow页面

How to get the ace editor to adjust to its parent div

并尝试了这样

#editor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

，结果就像这样

div id“editor”比它的父级“第三页”大，我尝试了几件事，但它不起作用。

我该如何突破这个问题？

1 个答案:

答案 0 :(得分：0)

将third-page的位置设置为relative，以相对于该元素而不是document.body

在其中创建绝对定位的子项

Answer 1

将third-page的位置设置为relative，以相对于该元素而不是document.body

在其中创建绝对定位的子项