Question

当我使用浮动并排放置2个SWF时，我的第一个SWF奇怪地变得非常小。

出于某种原因，当将宽度设置为100％时，它的宽度变为大约300px，而不是占用其他SWF未采用的宽度，大约为900px。

我需要将其设置为100％，以便其宽度自动调整到浏览器窗口的宽度，而不是仍为900px。有什么我做错了吗？这是我的嵌入代码...

<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>

Answer 1

您必须仅在固定元素上设置浮动，并调整另一个的边距以包含它的宽度加间距。另外，如果要获取整个页面，请设置容器宽度。

http://jsfiddle.net/8kmnyr54/

#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 */
}

使用float并排嵌入2个SWF时，SWF变得非常小

1 个答案: