頁腳切斷了頁腳

我正在自己的網站上工作，該網站仍然非常非常業餘，但遇到了一個我自己無法解決的問題。頁腳切斷了頁腳

我剛剛添加了一個帶有內容的邊欄（沒什麼特別的，只是一些填充文本），但是頁腳切掉了我的邊欄文本，但不是主要內容的文本。

這是我的HTML：

<div id="content"> 
    <div id="main"> 
     <h1>PHP</h1> 
    </div> 
    <div id="sidebar"> 
     <h2>Sidebar</h2> 

     <p> 
     Hello, this is just some filler tekst. Blablabla blabl blabla blabla blblbla blablalbabla blablalbl.<br> 
     <br> 
     As you can see, it's positioned well. 
     </p> 
    </div> 
</div> 

<div id="footer"> 
<p>Made by me 2014</p> 
</div>

，這是我的東西，CSS：

#content { 
background   : linear-gradient(#669900, #66FF99); /* Gradient -      Standaard */ 
background   : -moz-linear-gradient(#669900, #66FF99); /* Gradient - Firefox */ 
background-repeat : no-repeat; 
background-attachment: fixed; 
/*margin-left  : 185.5px; 
    margin-right  : 185.5px;*/ 
margin    : 0 auto; 
width    : 980px; 
position   : relative; 
padding    : 20px 0 25px 0; 
border-left   : 5px solid lightgreen; 
border-right  : 5px solid lightgreen; 
} 

#main { 
padding    : 0 30px 0 30px; 
margin-right  : 200px; 
} 

#sidebar { 
position   : absolute; 
top     : 0; 
bottom    : 0; 
left    : 780px; 
width    : 180px; 
float    : right; 
margin    : 0 10px 0 10px; 
overflow   : auto; 
} 

#sidebar h2 { 
text-align   : center; 
margin-left   : -15px; 
}

對不起，我知道這是一個很大閱讀，但我希望你能有所幫助。

我的問題是：頁腳不會隨側欄中的文本一起移動，而是將其切斷，但當主文檔中添加了文本時，它會移動。

任何人都可以幫忙嗎？

最大

來源

2014-04-04 MaxForce

帶走'溢出：汽車;' – Albzi

是[>>>它（點擊:: JSFiddle）<<<]（http://jsfiddle.net/AvBy7/）的效果，你想得到什麼？ – Benio

@BeatAlex：我已經把它放在那裏試圖修復它，忘記把它拿走。沒有修復它。：P – MaxForce

同樣的問題，但是從絕對到相對位置變化頁面下方的側欄移動

.sidebar-wrapper { 
    width: 300px; 
    position: absolute; 
    right: 0px; 
    margin: 25px 0; 
    padding: 0 20px; 
    border: medium none; 
    top: 0; 
    bottom: 0; 
    display: block; 
}

來源

2014-08-04 08:21:01 Zebi

給你的答案增加一些描述。 –

兄訪問此鏈接並轉到該頁面的底部http://www.blogolectlab2.blogspot.com 側欄是重疊頁腳 – Zebi

頁腳切斷了頁腳

回答

相關問題