CSS定位

Question

我有一個表來獲取新密碼並確認密碼。和div被稱爲「錯誤」，這是隱藏/顯示塊。當我驗證輸入時，我在驗證失敗時顯示這個div。

這使得其他元素重新排列其位置。假設我在圖片上方放置了一些元素，並且在顯示div時，這些元素會出現圖像。

什麼是正確的方法？

我試過定位（相對，絕對）。但沒用。

任何人都可以幫忙。

Answer 1

您應該使用css visiblity:hidden和visibility:visible樣式屬性，這將確保它即使隱藏也會佔用其所需的空間。

使用display:block或display:none將分別佔用所需的空間或沒有空間，這是導致其他元素不可預測的重新對齊的原因。

Answer 2

一般在CSS， <div id="outer" style="position:absolute"> <div id="inner" style="position:relative"> </div> </div>

裝置外應absolute和內側的div是relative。 在你的情況，我會建議去position: fixed，因爲它是一個錯誤消息塊。