css的自適應佈局

Question

我正在嘗試創建一個自適應的CSS佈局，我需要學習很多東西，然後所有的幫助是值得歡迎的。有一個關於適應性的例子here。在我的小提琴手沒有任何工作，有here。

Answer 1

我不確定你的問題是什麼。但如果你問爲什麼你的專欄沒有正確排列，那是因爲數學。

您將它們設置爲寬度爲45％，邊距爲3％（加上邊框）。 45 +（2 * 3）= 51％。你不能有兩列，每個51％適合100％的空間。

Answer 2

Here's關於如何實現自適應佈局以幫助您入門的教程。它還提供了示例代碼。

Answer 3

這是你的fiddle, slightly updated。

由於DA已經指出，其中的HHalfBarLft和HHalfBarRgt所在的位置太大，所以它們並不相鄰。

此外，您不必在ct div上使用position: absolute：只需在其中添加一個清除元素（如HFullBar）即可隨意調整高度。

而當你刪除所有定位元素，然後頁腳留在地方也就好了。