滾動欄強制Div下降

我有兩個div在一個內容容器中一個向左浮動而另一個向右浮動。我正在使用整個屏幕的寬度。左div寬度爲1290px，右div寬度爲625px。有時，當加載頁面時，滾動條正在改變可用屏幕寬度的寬度，並導致正確浮動的div在被左浮動的div下被捕獲。這發生在我添加頁腳div之後。我不想讓這兩個div的寬度更小，因爲這是用於客戶辦公室中的廣告顯示。我需要全屏。謝謝！滾動欄強制Div下降

來源

2012-01-13 Ibanez

浮法他們都離開了。 – 2012-01-13 15:40:17

我同意Diodues的建議。但是，如果您需要它在Internet Explorer 7上正確顯示（在該瀏覽器上的curses），則可能會遇到問題。很多時候，當我有多個div左移時，IE7呈現糟糕透頂。如果你不必擔心回合IE7，我會同意將它們都左移。這也可能有所幫助： http://stackoverflow.com/questions/187279/strange-float-behaviour-in-ie7 – 2012-01-13 15:52:00

是否可以從浮動切換到包裝在相對容器中的絕對值？

像這樣的東西（我縮短了寬度爲樣品的緣故...）： http://jsfiddle.net/perrytew/E6dUj/

<!DOCTYPE html> 
<html> 
<head> 

    <style type='text/css'> 
    #container{ 
    /* width: 1915px; */ 
    width: 200px; 
    position: relative; 
} 

.leftpane { 
    /* width: 1290px; */ 
    width: 100px; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

.rightpane { 
    /* width: 625px; */ 
    width: 100px; 
    position:absolute; 
    top: 0; 
    /* left: 1290px; */ 
    left: 100px; 
}  
    </style> 

</head> 
<body> 
    <div id='#container'> 
     <div class='leftpane'>Left Content</div> 
     <div class='rightpane'>Right Content</div> 
    </div> 
</body> 
</html>

來源

2012-01-13 15:47:43

滾動欄強制Div下降

回答

相關問題