Html 部分网页被切断？

我有一个具有这些属性的全局容器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的左侧会被切断

这能修好吗

---

问题站点：

当设置像素宽度时，您使用的是固定大小，您可以将其调整为标准的固定大小，例如800px，或者使用可伸缩的em单元。关于这一点，您在这里有一个很好的教程：

---

希望有帮助

我想知道你为什么不使用margin:auto方法，就像你使用headerBack div一样。我的一般规则是，绝对定位应该保留在任何静态定位都不起作用的情况下。在这种情况下，您已经使用过的set width margin:auto方法就足够了，它可以纠正您的内容在小屏幕上耗尽页面的错误

---

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

我还没有更新我网站的CSS。我正在查看该站点的本地文件。我可以看到您在live站点上遇到的问题，上面的CSS看起来可以解决该问题。你有什么方法可以更新网站以便我们看到问题吗？谢谢，成功了。顺便说一句，你介意在我的网站上给我反馈吗？我猜问题是因为没有“示例”，你一定已经删除了它或更改了它的名称。这是一个非常可靠的网站，你可能想在RGBA中使用其他不透明度设置，因为IE不会显示不透明度。我不会在你的菜单上用那种字体。我觉得读起来有点难，但那可能只是个人的表现。你可以试着在灯箱周围投下阴影来增加一点深度。