覆蓋iframe寬度的CSS屬性

我試圖將iframe放入網頁，但無論我嘗試將iframe屬性還是網站構建器的自定義CSS部分放在一起（或嘗試了多少次添加！對於從寬度到右邊距的任何東西都很重要），我無法使iframe向右延伸超過頁面的預設寬度。覆蓋iframe寬度的CSS屬性

這裏的頁面和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？

來源

2013-10-29 Xodarap777

它被切斷的原因是因爲在頁面結構的某些父容器具有屬性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; 
}

來源

2013-10-29 21:45:48

我相信你的問題是，你正在使用right-margin時，你應該使用margin-right

來源

2013-10-29 21:44:45

以下是我修改才能正常工作，這裏是截圖：http://screencast.com/t/R2VeIAnNJVd

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

如上所述，並且如截圖所示，你可以看到的iframe延伸出過去規定你的內容包裝器。

來源

2013-10-29 22:57:55 user2929967

覆蓋iframe寬度的CSS屬性

回答

相關問題