0

我有一个具有这些属性的全局容器 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

4

2 回答 2

0

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

希望有帮助！

于 2012-04-30T02:42:00.347 回答
0

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

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

于 2012-04-30T02:42:26.103 回答