gpt4 book ai didi

html - 将 FRAMESET 转换为 IFRAME

转载 作者:可可西里 更新时间:2023-11-01 14:46:58 26 4
gpt4 key购买 nike

我正在尝试将一些使用 FRAMESET 的旧代码转换为使用 IFRAME 或 DIV。旧代码会产生两个垂直框架,左侧框架最初占窗口的 30%。用户可以移动分割线来改变比例。旧代码(精简)是:

<HTML>
<HEAD>
</HEAD>
<FRAMESET frameSpacing="3" frameBorder="0" cols=30%,* >
<FRAME id="contentGenerator" src="content.html" scrolling="no">
<FRAME id="content" src="startNSM.html" >
</FRAMESET>
</HTML>

到目前为止我得到的是:

<HTML>
<HEAD>

<STYLE>
#cgDiv {
HEIGHT: 100%; WIDTH: 30%; VERTICAL-ALIGN: top; POSITION: fixed
}
#contentGenerator {
HEIGHT: 100%
}
#cDiv {
HEIGHT: 100%; WIDTH: 70%; VERTICAL-ALIGN: top; POSITION: relative
}
#content {
HEIGHT: 100%
}
</STYLE>
</HEAD>
<BODY >
<DIV id="cgDiv">
<IFRAME id="contentGenerator" src="content.html">
</IFRAME>
</DIV>
<DIV id="cDiv">
<IFRAME id="content" src="startNSM.html">
</IFRAME>
</DIV>
</BODY>
</HTML>

这样做是在窗口的 30% 中显示第一个 IFRAME,而不是第二个框架。有什么建议吗?

最佳答案

尝试将 CSS 更改为以下内容

#cgDiv {
display: inline-block;
height: 100%;
vertical-align: top;
width: 30%;
}

#contentGenerator, #content {
height: 100%;
width: 100%;
}

#cDiv {
display: inline-block;
height: 100%;
vertical-align: top;
width: 69.5%;
}

body { margin: 0}

关于html - 将 FRAMESET 转换为 IFRAME,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28953989/

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