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）即可随意调整高度。

而当你删除所有定位元素，然后页脚留在地方也就好了。