頁面不會隨內容擴展

我的頁腳和頁面內容有很多問題，並且正在嘗試找到正確的方法來完成此操作。我的頁腳位於頁面底部，但是當我添加內容時，它會溢出容器，請幫助我。頁面不會隨內容擴展

CSS：

#container { 
    width: 75%; 
    height:100%; 
    margin:0 auto; 
    background-color:black; 
    margin-top:10px; 
    margin-bottom:10px; 
    padding:10px; 
    opacity:0.8; 

#content { 
    width:100%; 
} 

footer { 
    text-align: center; 
    clear: both; 
    color: #B05510; 
    width: 75%; 
    height: 115px; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
} 

<body> 
<div id='container'> 


    <?php 
      include 'navfoot/navbar.php' 
      ?> 
     <div id='content'> 
      <div id='paragraph'> 
       <p>Eventually our website will be advanced enough for us to have a news feed! But until then we suck!</p> 
      </div> 
     </div> 
    <?php 
      include 'navfoot/footer.php' 
      ?> 
</div>

來源

2014-07-03 Crikit

我不使用ID，我使用的是頁腳標籤，我可以對它進行設計。 – Crikit

您的頁腳元素是絕對定位的，我也不確定您是否輸入了錯字，但'＃container'沒有關閉。} – Huangism

如果正確使用了頁腳，則不需要ID [

'。 @Crikit可以發佈html嗎？ – Aibrean

這取決於您希望頁腳行爲的方式（始終固定在底部或相對於內容固定）。但是，從它聽起來像，你可以添加以下到您的頁腳CSS：

footer { 
    background-color: black; 
    position: fixed; 
}

這將保持固定，並在頁面的底部（在Chrome中，至少）。否則，請設置頁腳的相對位置，並將其隱藏到內容的底部。

來源

2014-07-03 20:46:16 deebs

您的容器和頁腳設置爲75％的寬度和內容設置爲100％的寬度。這可能是它通過容器/頁腳的原因。這取決於訂單。頁腳上的絕對位置可能會導致它。你可以嘗試改變爲親戚。

請張貼你想要實現的模型和HTML到你現在擁有的模型。

如果您使用PHP包含，我們需要看看這些是什麼。許多可能導致內容中斷的變量。

如果在您調整瀏覽器大小時發生問題，這是因爲段落ID（#paragraph）的固定寬度爲500px，其他均爲百分比。

頁腳上的固定不會解決在其上流動的文本。

來源

2014-07-03 20:28:28 Aibrean

不是真的......它取決於html的結構。如果內容在頁腳內部怎麼辦？我們應該等待更多的信息。 – LcSalazar

@LcSalazar是的，我剛剛編輯。我意識到如果內容是在容器/頁腳內，那就沒問題了。我確實要求HTML。 – Aibrean

頁面不會隨內容擴展

回答

相關問題