Html 覆盖iframe宽度的CSS属性

我试图将iframe放入网页中，但无论我尝试在网站生成器的iframe属性或自定义CSS部分中放入什么内容（或者尝试添加多少次！对于从宽度到右边距的任何内容都很重要），我都无法使iframe向右扩展到页面预设宽度之外

下面是我正在使用的页面和iframe的示例：（编辑：不再可用）

我需要脚本/iframe足够宽以显示搜索区域。复制和粘贴我尝试设置的代码和属性似乎毫无意义，因为我所做的任何事情似乎都没有任何效果，但只是为了表明我对自己正在做的事情一无所知，下面是我的iframe代码：

<iframe id="idxFrame"  style="padding:0; margin:0; padding-top: 0px; overflow-x:auto;
width:1000px!important; border:0px solid transparent; background-color:transparent;
max-width:none!important; right-margin:-200px!important" frameborder="0" 
scrolling="on" src="http://www.themls.com/IDXNET/Default.aspx?wid=8MSsp7Pf9eI55yjkDuB%2blX5awn7LnnVXh5PNYhq2ImAEQL" 
width="1200px" height="900px">
</iframe>

---

我被迫使用“网站建设者”来创建这些类型的页面，这令人愤怒，但它确实有一个“自定义CSS”区域，我可以在其中输入额外的CSS信息。有什么东西我可以用来将iFrame设置为它们自己的宽度吗？

我相信你的问题是，当你应该使用

右边距时，你使用的是
右边距
，我相信你的问题是当你应该使用
右边距时，你使用的是
右边距
它被切断的原因是页面结构中有一些父容器具有属性
overflow:hidden以确保过宽的内容不会破坏布局

我不知道您的系统是如何工作的，但您可以尝试将以下代码添加到自定义CSS区域：

.LayoutContainer {
    overflow: visible !important;
}

.LayoutContainer div div {
    overflow: visible !important;
}

请注意，它会扰乱您的布局，并在较小的屏幕上生成一个水平滚动条


更新：

上述CSS将影响您的整个网站。如果你真的想完成它，使用下面的CSS来确保只有这个页面受到影响。系统为每一页生成一个唯一的ID号，我们正在利用它

body#page_33219e82-0110-40bb-a172-3d05dc78f406 .LayoutContainer {
    overflow: visible !important;
}

body#page_33219e82-0110-40bb-a172-3d05dc78f406 .LayoutContainer div div {
    overflow: visible !important;
}

它被切断的原因是页面结构中有一些父容器具有属性
overflow:hidden以确保过宽的内容不会破坏布局

我不知道您的系统是如何工作的，但您可以尝试将以下代码添加到自定义CSS区域：

.LayoutContainer {
    overflow: visible !important;
}

.LayoutContainer div div {
    overflow: visible !important;
}

请注意，它会扰乱您的布局，并在较小的屏幕上生成一个水平滚动条


更新：

上述CSS将影响您的整个网站。如果你真的想完成它，使用下面的CSS来确保只有这个页面受到影响。系统为每一页生成一个唯一的ID号，我们正在利用它

body#page_33219e82-0110-40bb-a172-3d05dc78f406 .LayoutContainer {
    overflow: visible !important;
}

body#page_33219e82-0110-40bb-a172-3d05dc78f406 .LayoutContainer div div {
    overflow: visible !important;
}

以下是我为使其正常工作而修改的内容，下面是一个屏幕截图：

如上所述，如屏幕截图所示，您可以看到iframe扩展到您的内容包装器之外。
以下是我为使其正常工作而修改的内容，以下是屏幕截图：

如上所述，如屏幕截图所示，您可以看到iframe扩展到内容包装器之外