水平滾動條沒有隱瞞和背景圖像不是100％

Question

我不能讓我的x軸滾動條隱藏在此iframe：http://yourhappyeyes.com/order.html

我試過標準.div { overflow-x: hidden; overflow-y: auto; }

，但沒有運氣。

也無法讓背景不重複，即使沒有內容也是100％。

去這裏http://yourhappyeyes.com/和CTRL - （縮小），你就會知道我在說什麼了。

Answer 1

應用overflow-x: hidden;到#container代替

#container { overflow-x: hidden; overflow-y: auto; } 

Answer 2

在iframe，<div id="nav">有一個屬性margin-left: 12px;是套管這個問題。 請看這裏如果你沒有控制iframe中的內容加載，你如何改變iframe中的css。 How to apply CSS to iframe?

Answer 3

滾動屬性指定是否在iframe中顯示滾動條。

scrolling="no" 

通常情況下，當內容大於iframe時，滾動條會出現。

<iframe src="/default.html" width="700" height="700" scrolling="no"> 

這將隱藏的iframe

滾動條