gpt4 book ai didi

html - 如何在另一个 iFrame 旁边创建一个 iFrame?

转载 作者:太空宇宙 更新时间:2023-11-04 13:13:40 27 4
gpt4 key购买 nike

目前代码的工作方式是将 iFrame 放在底部的底部。我希望最后两个 iFrame 彼此相邻,这样一个可以容纳一个菜单,另一个可以容纳另一个网页。他们需要彼此相邻。这是并排的(没有双关语意)

有人建议 float : left。我尝试了这个,它确实向左浮动,但它将其上方的 iFrame 向左浮动了一个,而不是当前的 iFrame。

代码:

<!DOCTYPE html>
<html>
<body>

<iframe src="http://www.w3schools.com" width="600" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe src="http://www.w3schools.com" width="200" height="500">
<p>Your browser does not support iframes.</p>
</iframe>

//I want this right next to the second iframe that is 400 width
//which would fill the rest of the screen

<iframe src="http://www.w3schools.com" width="400" height="500">
<p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

新代码:

<!DOCTYPE html>
<html>
<body>

<iframe src="http://www.w3schools.com" width="600" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe src="http://www.w3schools.com" width="200" height="500">
<p>Your browser does not support iframes.</p>
</iframe>

//I want this right next to the second iframe that is 400 width
//which would fill the rest of the screen

<iframe src="http://www.w3schools.com" width="400" height="500" float : right>
<p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

最佳答案

很容易完成,您只需将这两个 iframe 的显示设置为 inline-block。

iframe:nth-child(2),iframe:nth-child(3){
display:inline-block;
}

here's an example .

iframe 有点不受欢迎。您可能想考虑将 div 与 ajax 一起使用,利用 jquery $.load 函数将您喜欢的任何内容加载到其中。你可以阅读那个 here .

希望对您有所帮助...

关于html - 如何在另一个 iFrame 旁边创建一个 iFrame?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24521854/

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