浮動DIV滾動條問題。刪除窗口滾動條

而且這一建議HTML div height auto我用浮動DIV在我的項目複製框架狀的UI浮動DIV滾動條問題。刪除窗口滾動條

在現有的產品，他們使用的UI框架。在新版本中，我使用了浮動div

但是要求是讓界面看起來像現有的一樣。

因此，在現有的產品中，滾動條僅出現在框架，而不是針對整個窗口

而在我的解決方案，框架都出現在div以及在窗口中。我附上了「預期」和「現實」情景的屏幕截圖。請看看太

enter image description here

我使用的CSS是

#div1, #div2 { 
    overflow: auto; 
    float: left; 
    height: 550px; 
} 

#div1{ 
    width: 50%; 
    border-right : 2px solid grey; 
} 

#div2 { 
    width: 48%; 
}

我不需要滾動條該瀏覽器提供，而我需要它完全像一個框架的行爲。

謝謝。阿倫

來源

2012-02-03 Arun

我無法附上屏幕截圖:-(試圖一次又一次地做到這一點雖然 – Arun 2012-02-03 05:07:09

只是爲了指出沒有挑剔，這是在任何地方給你的變量/對象提供有意義的名字的好習慣。嘗試使用leftDiv而不是div1 – 2012-02-03 05:18:30

此外，如果用戶使窗口小於div，並因此無法向下滾動查看實際浮動div您意思 – 2012-02-03 05:19:48

嘗試隱藏瀏覽器滾動條與

body { overflow-y: hidden; }

來源

2012-02-03 05:08:16 elclanrs

感謝您的解決方案，我會看到麻煩。 – Arun 2012-02-03 06:01:31

您設置的550px的高度爲浮動div元素。確保你的身體+頭部不大於屏幕的可見空間，這將幫助你避免滾動條。否則，您總是可以使用overflow : hidden作爲您的身體和div元素以避免滾動條altogther（不建議使用此方法）。

另外，看看this。

來源

2012-02-03 05:21:47

浮動DIV滾動條問題。刪除窗口滾動條

回答

相關問題