容器泄漏到側邊欄

-3

幫助！我是新手，我需要一些嚴肅的幫助！我在Dreamweaver的模板中使用了兩列布局（2列液體），我的網站大部分都準備好了，但是當我在瀏覽器中打開它時，它看起來完全不同。 .container中的文字和圖片泄漏到.sidebar1中。我將側邊欄設置爲float: left，將容器設置爲float: right，但我沒有試過任何工作。請幫忙！我需要今晚解決這個問題！謝謝，麻煩您了！容器泄漏到側邊欄

.sidebar1 { 
    float: left; 
    width: 180px; 
    background-color: #C7776C; 
    margin-bottom: -10000px; 
    padding-bottom: 10000px; 
    height: 100%; 
    overflow: hidden; 
} 

.header { 
    min-height: 160px; 
    background-color: #E7C082; 
} 

.container { 
    float: right; 
    width: 993px; 
    background-color: #FEF3C8; /* the auto value on the sides, coupled with the width, centers the layout */ 
    height: 100%; 
    margin-top: 0; 
    margin-bottom: auto; 
    padding-bottom: 0; 
    overflow: hidden; 
    margin-left: 0; 
}

來源

2013-04-22 user2305628

我不知道如何包含CSS或HTML或截圖我問題。如果有人能告訴我怎麼做，我很高興收錄它。謝謝。 – user2305628 2013-04-22 00:50:19

只需複製並粘貼您的代碼。這很簡單。 – 2013-04-22 00:51:04

我試過了，它說5000個字符太長了。 – user2305628 2013-04-22 00:53:48

試着改變你的CSS代碼：

.sidebar1 { 
    position: absolute; 
    top: 180px; 
    width: 180px; 
    background-color: #C7776C; 
    height: 100%; 
    overflow: hidden 
} 

.header { 
    min-height: 160px; 
    background-color: #E7C082; 
} 

.container { 
    position: absolute; 
    top: 180px; 
    left: 200px; 
    width: 993px; 
    background-color: #FEF3C8; /* the auto value on the sides, coupled with the width,  centers the layout */ 
    height: 100%; 
    margin-top: 0; 
    margin-bottom: auto; 
    padding-bottom: 0; 
    overflow: hidden; 
    margin-left: 0; 
}

這裏是一個可以解決的小提琴：http://jsfiddle.net/pEdf2/2/

來源

2013-04-22 01:33:28 mattmattmatt

容器泄漏到側邊欄

回答

相關問題