网页的一部分被切断了？

Question

我有一个具有这些属性的全局容器div

#global
{
    width:1020px;
    height:100%;
    position:relative;
    margin:auto;
}

在div的内部，我有多个其他div，其中一个具有这种样式：

#example
{
    width:550px;
    height:362px;
    position:absolute;
    top:150px;
    left:10px;
    overflow:hidden;
    background-color:rgba(89,89,89,0.01);
}

这在普通屏幕上效果很好，但在低分辨率屏幕（或小窗口）上，我的“示例”div的左侧被切断......

这可以修复吗？

问题网站：http://spectech.webatu.com

Answer 1

当您将宽度设置为像素时，您使用的是固定大小，您可以将其调整为标准固定大小，即800px或使用可扩展的em单位。你在这里有一个很好的教程：http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

希望有所帮助！

Answer 2

我想知道为什么你没有使用margin：auto方法，就像你使用“headerBack”div一样。我的一般规则是绝对定位应该保留在任何类型的静态定位都不起作用的情况下。在这种情况下，您已经使用的设置宽度margin：auto方法肯定就足够了，它可以纠正在小屏幕上用完页面的内容错误。

编辑：我注意到你在这里为“全球”提供的CSS与你网站上的实际CSS不同。您应该使用您在此处发布的CSS设置，它可能正常工作。