0

我无法让我的页面上的灰色框https://com-bb-dev.com.edu自动调整为每个分辨率上两个框的边框宽度。在 1440x900 上它看起来很正常，或者我希望它如何查找每个用户，但是我在这里使用我的第二台显示器以不同的分辨率来测试诸如此类的问题。

这是我到目前为止所尝试的：

#loginText {
padding: 12px 80px 18px 80px;
background: #5f6062;
display: inline-block;
width: 912px;
border-top: 6px solid #DADADA;
margin-left: 10.6%;
text-align: center;
}

默认情况下，此 div 不显示为内联框。无论出于何种原因，它的整个容器都占据了屏幕的整个宽度（据我所知，这是默认设置）。谢谢你。

4

2 回答 2

0

您需要对#loginText CSS 进行以下更改：

Remove padding-right: 80px;
Remove padding-left: 80px;
Change margin-right: auto;
Change margin-left: auto;
Add width: 1072px;

您的问题是您的边距是基于百分比的，它适用于所有分辨率。您上面的框是绝对大小（1072px）；这应该使它匹配并居中。

于 2013-07-24T15:01:40.047 回答
0

我想我明白你想问什么。灰色框的宽度并不总是与上面两个框的宽度匹配的原因是，虽然上面的框有一个设置的宽度，但灰色框会随着浏览器窗口的宽度调整大小（因为它两边都有百分比边距）。

将您的样式定义修改为：

#loginText {
    background: none repeat scroll 0 0 #5F6062;
    border-top: 6px solid #DADADA;
    margin: 0 auto;
    padding: 12px 0;
    text-align: center;
    width: 1072px;
}

我相信这会给你你正在寻找的行为。如果这不是您想要的，请告诉我，我很乐意为您提供进一步的帮助。祝你好运！

于 2013-07-24T15:06:14.833 回答