Html 在DIV中插入iframe_Html_Css_Iframe

Html 在DIV中插入iframe

html css iframe

Html 在DIV中插入iframe,html,css,iframe,Html,Css,Iframe,我正试图为我的布局在DIV框中插入一个iframe，但遇到了麻烦…我试图查找它，但仍然有一些小问题，其余的“帮助”涉及javascript，我真的希望避免问题就在这里--->[ 正文{ 背景色：#B5BEC6 } #标题{ 宽度：1000%；高度：60px；位置：绝对位置；顶部：0px；左：0px；背景色：#C7DBE6；边框底部样式：虚线；边框底色：#ffffff；边框底宽：1px； } #尼克西{ 宽度：300px；高度：50px；位置：绝对位置；左：225px；

我正试图为我的布局在DIV框中插入一个iframe，但遇到了麻烦…我试图查找它，但仍然有一些小问题，其余的“帮助”涉及javascript，我真的希望避免

问题就在这里--->[

正文{
背景色：#B5BEC6
}
#标题{
宽度：1000%；
高度：60px；
位置：绝对位置；
顶部：0px；
左：0px；
背景色：#C7DBE6；
边框底部样式：虚线；
边框底色：#ffffff；
边框底宽：1px；
}
#尼克西{
宽度：300px；
高度：50px；
位置：绝对位置；
左：225px；
顶部：15px；
字体系列：“开放式Sans压缩”，无衬线；
字号：26px；
颜色：#ffffff；
}
尼克松先生{
宽度：500px；
高度：350px；
位置：绝对位置；
左：35px；
顶部：70像素；
背景色：#ffffff；
不透明度：0.5；
}


尼克西·穆恩

此部分：

<div style="position:absolute; left:77; top:77; width:500; height:350; border-style: none;background:#;">

如果您真的想保留我在顶部复制的div中的样式，您可以将其添加到.nixesbox中，但老实说，在删除它之后，页面是相同的，然后我推断这是不必要的

完整的HTML：

<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://babywitch.altervista.org/Writing/SLITD/stylesheet.css">
  <title></title>
</head>
<body>

<div id="header"><div id="Nixie">Nixie Moon</div></div>
<div class="nixiesbox">
<div style="background:#fff;">

 <iframe src="http://www.w3schools.com/" marginwidth="0" marginheight="0" frameborder="no" scrolling="yes" style="border-width:2px; border-color:#333; background:#FFF; border-style:solid;">
 </iframe>

</div>

</body>
</html>

本部分：

<div style="position:absolute; left:77; top:77; width:500; height:350; border-style: none;background:#;">

如果您真的想保留我在顶部复制的div中的样式，您可以将其添加到.nixesbox中，但老实说，在删除它之后，页面是相同的，然后我推断这是不必要的

完整的HTML：

<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://babywitch.altervista.org/Writing/SLITD/stylesheet.css">
  <title></title>
</head>
<body>

<div id="header"><div id="Nixie">Nixie Moon</div></div>
<div class="nixiesbox">
<div style="background:#fff;">

 <iframe src="http://www.w3schools.com/" marginwidth="0" marginheight="0" frameborder="no" scrolling="yes" style="border-width:2px; border-color:#333; background:#FFF; border-style:solid;">
 </iframe>

</div>

</body>
</html>

你是被重叠卡住了还是有其他问题？？“有轻微的问题”-这些问题是什么？对不起，我想这会很明显我在更改大小和删除边框方面有问题，但Yann的回答很有帮助，谢谢大家！你是被重叠卡住了还是有其他问题？？“有轻微的问题”-这些问题是什么？对不起，我想这会很明显，我在更改大小和删除边界方面遇到了问题，但Yann的回答帮助了我，谢谢大家！非常感谢你们，我现在知道我错在哪里了，我必须做什么了^ ^非常感谢你们，我现在知道我错在哪里了，我必须做什么了^_^