gpt4 book ai didi

html - - 高度属性不工作,除了静态值
转载 作者:行者123 更新时间:2023-11-28 07:56:47 26 4
gpt4 key购买 nike

我目前有一个 <object> 的问题看起来像这样:

HTML:

<div id="content">
<object id="Object" data="second.html"></object>
</div>

CSS:

#content {
width: 75%;
height: 100%;
margin: auto;
background-color: #EAEAEA;
overflow:hidden;
background-color: #FFFFFF;
border-radius: 7px;
border: 3px solid #7f7f7f;
}

#Object {
width: 100%;
height: 100%;
overflow : hidden;
}

无论我做什么(将 second.html 文本更改为 1 行或 100),div 都保持相同的大小。

我尝试了不同的百分比和自动选项,唯一有效的是使用 px,这对我来说不是选项(second.html 高度变化)。

有谁知道为什么会这样或者如何解决这个问题?

编辑: 我在尝试 Raza Hussain's Tip 时发现了一些有趣的东西出:

<object> 之间的文本标签表现正常 -> 没问题,但如果我使用相同的文本并将其写入 second.html(纯文本),我的问题再次出现。

最佳答案

您可以使用vh(视口(viewport)高度)

高度:100vh;

关于html - <object> - 高度属性不工作,除了静态值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30059736/

26 4 0