Html 网站创建

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

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

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

为什么要使用这么多的绝对定位？你为什么有两种医生类型？为什么这么多的高度和位置是根据百分比确定的？我认为你需要用一个更灵活的布局来彻底地修改它。不应该为这类内容指定高度，如果确实要指定高度，请使用最小高度，以便在内容不适合的情况下，元素可以增长

无论如何，放大时宽度保持不变的原因是，您已将其设置为其容器的50%，在本例中为整个身体。无论缩放级别或浏览器大小如何，该值都将为50%。我建议现在将宽度设置为100%，并将最大宽度设置为960px，这只是一个起点。这在移动和桌面上看起来应该没问题，尽管960px是一个古老的惯例，没有必要坚持