当我使用 float 并排放置 2 个 SWF 时,我的第一个 SWF 奇怪地变得非常小。
由于某些原因,当将其宽度设置为 100% 时,它的宽度变为 300px 左右,而不是占用其他 SWF 未占用的宽度,即 900px 左右。
我需要将它设置为 100%,以便它的宽度自动调整为浏览器窗口的宽度,而不是仍然是 900 像素。我做错了什么吗?这是我的嵌入代码...
<html>
<head>
<style type="text/css">
#container {
overflow:hidden;
position: absolute;
right: 100px;
}
#em-box {
float: left;
margin: 10px;
}
#em-box2 {
float: left;
margin: 10px;
}
</style></head>
<body bgcolor="#FFFFCC">
<div id="container">
<div id="em-box"><embed width="100%" height="100%" name="plugin" src="game.swf" type="application/x-shockwave-flash"></div>
<div id="em-box2"><embed width="200" height="600" name="plugin" src="chat.swf" type="application/x-shockwave-flash"></div>
</div>
</body></html>
最佳答案
您必须仅在固定元素上设置 float 并调整另一个元素的边距以包含它的宽度加间距。另外,如果要获取整个页面,请设置容器宽度。
#container { /* defined width (optional) */
overflow:hidden;
position: absolute;
right: 100px;
width: 80%;
}
#em-box { /* defined fixed width */
float: left;
margin: 10px;
width: 400px
}
#em-box2 { /* removed float and changed margin */
margin: 10px;
margin-left: 420px; /* em-box width + margins + padding + desired extra space */
}
关于html - 使用 float 并排嵌入 2 个 SWF 时,SWF 变得非常小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25649246/