使用CSS或JavaScript限制頁面大小或限制位置以防止重疊

我想在頁面中添加頁腳，但如果用戶使頁面太小，我不希望頁腳重疊文本。如果不製作大型表格或一堆退貨，我如何防止這種情況發生？頁腳代碼位於包含的頁面中。也許可能有一種方法來選擇滾動打開或最低的CSS屬性。使用CSS或JavaScript限制頁面大小或限制位置以防止重疊

我想我解釋的不夠好，這裏有一些更多的解釋：

在頁面頁腳，有一個標籤include('footer.php')。

在footer.php，有在底部對齊文本的部分，喜歡的東西，

<div style="position: fixed; bottom: 10px">Footer Text</div>

如果用戶使窗口太小，文本將重疊的一切。我寧願它留在底部，滾動條出現。

2013-07-17 JVE999

您應該發佈代碼，沒有人可以知道爲什麼您的頁腳會在不看到代碼的情況下重疊您的文本。 – dezman

是的，代碼會有幫助。你以前使用過GitHub的[gists]（gist.github.com）還是jsFiddle？ –

問題不明確，但您可能正在尋找responsive layout。這允許您在視口的尺寸低於某個「斷點」時使用不同的CSS規則集。

具體技術被稱爲media queries。當視口太短時，您可以使用它來隱藏頁腳，如下所示：

@media screen and (max-height:700px) { 
    footer { display: none; } 
}

2013-07-17 22:53:50

可能你正在尋找像sticky footer這樣的東西，那麼？

2013-07-17 22:42:56 UrGuardian4ngel

也許，但是您不知道這是否是一種解決方案，因爲問題尚未確定。 – dezman

基於問題（以及有限的信息）這似乎與任何答案一樣好。 – iGanja

回答