頂部div改變高度時底部div不移動

我將製表符插入到Wordpress主題中，它們由不同高度的div製成。當從一個標籤導航到另一個標籤時，下面的幾個div會跟隨標籤的高度（向上或向下移動）。頁腳不動，我不明白。以下是我的網站： http://www.liveaerosmith.com/1973-03-20/ 您可以通過瀏覽標籤INFO，SETLIST和FILES來嘗試。爲什麼頁腳停留？頂部div改變高度時底部div不移動

來源

2017-07-31 Mr. Fontastic

看來，每個內'兩列.row'被設置爲在頁面加載固定像素的高度，所以頁腳將保持低於這個距離除非這些值被更新或刪除。 – showdev

我建議你找出哪個腳本正在設置高度，以及它爲什麼被設置。這可能是有原因的，如果你試圖盲目地覆蓋或刪除它，你可能陷入一團糟的黑客攻擊。 – showdev

我已經做到了這一點，並刪除腳本，並會按照你的關於邊界線的消化。 –

在頁面的兩列上設置了固定的高度。如果刪除此像素高度，頁腳將在您更改標籤時進行調整。

嘗試添加這對你的CSS：

.col-md-8, .col-md-4{ 
    height: unset !important; 
}

來源

2017-07-31 20:32:07

爲什麼不直接刪除設置高度的代碼呢？ – showdev

@showdev，因爲我不知道高度是如何設置的。最好的解決方案，我可以提供有限的信息。 –

您的固定高度爲col-md-8。

.col-md-8{ 
    height: 944px; 
}

您頁腳是直接對抗該元素的底部，但通過設置一個固定的高度，它不允許根據內部的內容col-md-8重新調整。

來源

2017-07-31 20:30:29

col-md-8沒有固定的高度，當頁面加載時它的高度會以某種方式產生，這樣灰色的線條就會完美對齊。如果您使用不同大小的瀏覽器（例如不是全屏）加載頁面，則會看到col-md-8高度不同。我需要改變這種行爲。 –

在這種情況下，重新計算高度似乎更合適。如果爲了保持灰線對齊而設置高度，不會覆蓋高度來擊敗該目的？ – showdev

@showdev他總是可以做到上述並設置'height：unset'，然後將邊框切換到此容器的右側。這樣它的邊界總是和容器一樣高。 –

頂部div改變高度時底部div不移動

回答

相關問題