网站创建

Question

创建网站时如何在CSS中定位内容，以便更灵活

Answer 1

你的整个风格是基于百分比的。如果您使用“rem”，它可以解决您的问题，但我不确定您是否想支持不同的页面大小（移动支持等）

#Body {
   width: calc(40% + 10rem);
}

Answer 2

为什么要使用这么多

absolute

定位？为什么你有两个文档类型？为什么这么多高度和位置是根据百分比固定的？我认为你需要用更灵活的布局来彻底修改它。实际上不应该为这类东西指定高度，如果您确实想指定它们，请使用

min-height

来代替，以便元素在内容不适合时可以增长。

无论如何，放大时宽度保持不变的原因是你将其设置为容器的 50%，在本例中是整个主体。无论缩放级别或浏览器大小如何，这都将是 50%。我建议暂时将宽度设置为 100% 并将最大宽度设置为 960px，作为起点。这在移动设备和桌面设备上看起来应该没问题，尽管 960px 是一个有点旧的约定，没有必要遵守。

Answer 3

如何制作网站： 综合指南选择您网站的目标。 选择您网站的目的。选择一个域名。 选择一个域名。 选择托管计划。 选择网站建设解决方案。 建立您的网站。 测试并启动您的网站。