sticky-footer

2熱度

1回答

我試圖將一個SAVE按鈕添加爲粘貼到頁面底部的頁腳，但只要有「下面的內容」就會向下移動。這個內容我通常適合在一個頁面上，但是在使用select複選框元素時會超出範圍。問題的例子：當我點擊選擇複選框元素：當前代碼風格： .bottom { position:absolute; bottom:0px; height:40px; width:100

0熱度

1回答

粘性頁腳橫向打破

我的粘性頁腳不能橫向打印。我試圖創建兩個div，每個div的高度相同，當移動設備（寬度爲749px或更小）處於縱向時，它們將共同佔用頁眉和頁腳之間的所有可用高度。但是，當設備處於橫向模式時，我希望divs保持最小高度爲172像素。另外，在每個div中，我想嵌套一個垂直和水平居中，較小的div。在縱向上一切看起來都很好。橫向放置時，頁腳停在視口的底部，而不是放在第二個div的底部。「.inde

0熱度

2回答

奇怪的頁腳行爲

我是比較新的CSS，所以請原諒我奇怪的失態。我將頁腳定義爲絕對位置，並且它停留在我的網站上所有頁面的底部。 ...>頁腳在這裏表現完美，即它的位置粘在屏幕的底部而不管內容如何。 ...>下面的頁腳行爲異常，它的位置不粘在頁面的底部。我使用這兩個頁面上同尾類，所以我不知道什麼是錯在這裏，下文提到的 - .shell3-Footer { box-sizing: border-box; paddi

4熱度

1回答

Bootstrap 4粘腳沒有粘住

不確定爲什麼粘腳沒有在Bootstrap 4中工作。我有一個TYPO3網站，我是初學者。粘性頁腳不粘在頁面的底部。以下是已呈現的頁面源的副本。我基本上從bootstraps docs文件夾複製html文件，然後修改它並將其複製到我的TYPO3模板中。如果我用內容填充頁面，頁腳不會粘住 - 我必須向下滾動頁面才能看到它。 <!DOCTYPE html> <html lang="en">

0熱度

2回答

使用兩個頁腳粘腳的問題

我目前自我教學自己的Web開發。我從頭開始重新創建一個網站。它應該是這個樣子： ===========導航欄============= ======= ==網站身體=========== ===========頁腳＃1 ============ = ==========頁腳＃2 ============ 和我的基本代碼結構是： <body class="main-body"> <form

0熱度

1回答

防止粘滯表單輸入的位置更改

我有一個簡單的網頁，其中包含標題，動態內容和粘滯頁腳。在頁腳中，我有一個包含文本輸入和提交按鈕的表單。在內容超出頁面可視區域的情況下，粘性表單的行爲與預期相同（它在可見區域的底部可見）。我注意到，當我輸入文本更改到表單的文本字段時，動態內容將自動滾動到底部。我實現了一個黑客的內容滾動回它原來的位置，但我想知道是否有禁用滾動行爲開始，用...的方式 https://jsfiddle.net/vy

1熱度

1回答

Flexbox的粘頁腳

我試圖實現或多或少相同的東西在這個問題描述： Align an element to bottom with flexbox 除了事實，我不能用固定的高度。我設置的兩張卡中已經存在的Flex上下文（它們的高度被拉伸以實現Flexbox）：卡里面我有一系列的元素：報頭主體頁腳（藍色DIV）我想要的是頁腳始終堅持到底部。的三個要素的內部容器如上所述具有以下CSS： .card-inner

0熱度

1回答

頁腳與移動橫向模式中的登錄表單重疊

我正在嘗試爲我的應用程序創建一個登錄頁面。它包含一個標題，以水平和垂直居中的登錄表單以及一個頁腳。一切正常模式下都可以正常工作，我加載它在移動橫向模式頁腳重疊登錄窗體。任何人都可以幫助我如何弄清楚。我知道問題是由於固定頁腳底部，但當我嘗試給位置：絕對或位置：相對頁腳跳頭附近 .full-width{width:100%;} .login-container{position: absolut

7熱度

1回答

當使用CSS動態改變頁面高度時，將頁腳保留在頁面的底部

這裏有很多主題，給出了將頁腳保留在頁面底部的解決方案。但是，我正在努力讓它工作。問題是頁面可以動態改變它的高度。使用the current solution I'm using，頁腳位於頁面的底部。但是，當頁面高度動態變化時，頁腳仍處於其確切位置。頁腳的CSS是如下： #footer { position: absolute; right: 0; bottom:

0熱度

1回答

將Bootstrap的可變高度頁腳設置爲頁面或內容的底部，以較低者爲準

在我的引導頁面中，我想強制<footer>...</footer>位於頁面或內容的底部，以較低者爲準。而且有一個solution已經很好的工作。但是，這種方法要求我事先知道頁腳的高度是多少。我該如何實現相同的目標，但頁腳高度是由其內容決定的？