CSS-浮动iframe

全部,

以960像素的宽度为中心布局；页边距：0自动；，我有两个菜单栏，一个浮动到左边，另一个浮动到右边，在这两个菜单栏下面我想浮动一个iframe

不幸的是，它似乎不是浮动的。iframe将移动到视口的最左侧可用空间。不幸的是，我不能使用绝对定位，因为布局居中&最大宽度为960px

请问有没有办法让这一切发生

编辑： 对于这些评论，我表示感谢，下面是代码

HTML:

---

居中布局和绝对定位不会相互排斥，但我认为您无论如何都不需要绝对定位

就我所能理解的问题而言，我要做的第一件事是在iframe中添加一个明确的：两者都是

---

iframe是否有固定的with？

看看这个示例，它应该为您指出正确的方向：

在居中布局中定位iframe所需要做的就是给容器一个相对位置，并将iframe向左移动左侧内容的固定宽度

此外，就浮动而言，您可以通过有选择地清除浮动来解决此问题。我不确定iframe不加入其他浮动元素流的任何其他原因。尝试使容器溢出：自动。

HI all

---

终于解决了，万岁！我在主容器上将宽度设置为min width，这就是iframe延伸到远端的原因。断然的。谢谢你的帮助。干杯。

您所说的浮动到底是什么意思？您是否在iframe上设置了浮动？清理浮子怎么样？在这种情况下，发布您的代码将非常有帮助。您尝试实现的图像也会有帮助。请提供更多代码，包括两个列和重要的父元素，或者最好还是在类似的页面上放置一些内容：Jeroen，iframe的宽度和高度是固定的。我已经申请清楚了：两者都可以看到上面刚刚发布的代码，但这并没有什么不同。谢谢摩西。我不能使用绝对定位，因为布局是固定的和集中在视口的中间看到上面的代码。

    <iframe id="iframing" src="mannequin.html" width="640" height="500" frameborder="0" ></iframe><br />

#container {
    min-width: 960px;
    height: 100%;
    background: rgba(255,255,255,0.8);
    margin: 0 auto;
    position: relative;
} /* The is the main container on body */

#iframing {
    float: left;
    width: 640px;
    height: 500px;
    margin: 10px auto 10px;
    clear: both;
}