gpt4 book ai didi

css - iframe 大小以适合父 div

转载 作者:行者123 更新时间:2023-11-27 22:30:02 26 4
gpt4 key购买 nike

我有以下 html:

    <html>
<body>

<div id="note1" class="note">
<div class="note-header">Note</div>
<div class="note-content"></div>
</div>

</body>
</html>

使用 CSS:

body {
background-color:black
}
.note {
width: 150px;
height: 150px;
background: #111111;
}
.note h4 {
text-align: center;
}
.note-header {
background: #0b3e6f;
color: #f6f6f6;
font-weight: bold;

}
.note-content {
height: 100%;
width: 100%;
}
.note-editor {
width: 100%;
height: 100%;
}

以及将 iframe 添加到 div.note-content 的 javascript:

$(function() {
$("#note1").resizable().draggable({handle: ".note-header"});
$('#note1').children('.note-content').append('<iframe id="rte" class="note-editor" ></iframe>');
$('#rte').contents().attr("designMode", "on");
});

问题是 iframe 的大小似乎比 div.note-content 的大小大。父 div 是可调整大小的。如何使 iframe 适合 div.note-content?JSFiddle:http://jsfiddle.net/TTSMb/

最佳答案

问题是 iframe 占用父级的大小,note-content 类占用其父级 note1 的完整大小(宽度 100%,高度 100%)。但是 note1 还包含另一个 div。

您需要更改笔记内容的高度。

关于css - iframe 大小以适合父 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3969667/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com