股利與溢出：自動消失

Question

我有一個的600px的高度和900px

它裏面的寬度的包裝DIV有2周的div

第一浮動只剩下下面的風格

#left{ 
height : 100%; 
width : 600px; 
overflow:hidden; 
float : left; 
} 

第二個不浮動，以便它可以佔據空間的休息和風格

#right{ 
height : 100%; 
overflow : auto; 
margin-left : 600px; 
} 

上述設計旨在創建具有固定高度的2列布局。我使用的HTML是

<div class="wrapper"> 
    <div id="left"> 
    <img id="main-image" src="/some/image"/> 
    </div> 
    <div id="right"></div> 
    <br clear="left"/> 
</div> 

事情是Opera（v 10.01）和Safari（v。4.0.3）不顯示正確的div。

當我刪除溢出：自動，但他們這樣做。

我不明白爲什麼。任何幫助表示讚賞

感謝

Answer 1

你可能不希望你的保證金留下等於只是因爲它是浮動的左邊一列。這通常是我們使用的一種技巧，當它的絕對定位，而不是浮動的。試試看，它可能只是清除。

你擁有的東西很可能是右邊的div被它的內容加邊距壓低了。與overflow:auto它可能是滾動條被引入，並觸發一些額外的大小調整...不知道沒有更多的標記和CSS來看看。祝你好運！