Question

我是建立网站和CSS的新手，但我正在http://www.profootballschedules.net处理一个项目。我想解决div的几个格式问题。试图在这里查找其他问题，但似乎没有任何效果。如果您希望我上传任何代码，请告诉我，因为我对整个过程都很陌生。

首先，在调整浏览器大小时，您会注意到主文本标题在分配的纸张区域上方漂移，并且不会保持水平。不知道如何解决这个问题 - 尝试在包含文本的某些div上将定位调整为绝对值，但它没有做任何事情。此外，我希望能够调整窗口大小并从左向右滚动，但我也无法使其工作。我尝试了身体上的溢出和一些主要的div，但没有骰子。

在你看的时候，如果你有任何关于增加跨浏览器兼容性的建议，我将不胜感激。

Answer 1

您在.site-main类中使用％作为padding-top。切换到像素。

.site-main {
    bottom: 0;
    height: 600px;
    left: 0;
    margin: auto;
    padding-top: 100px;
    right: 0;
    top: 0;
    width: 926px;
}

另外，你有溢出：隐藏;那就是删除滚动。

更新：

修复包装器％。

.site {
    margin: auto;
    min-width: 960px;
    overflow: auto;
    position: relative;
}

Answer 2

在.site-main中使用px而不是％作为padding-top。要启用滚动，请删除溢出：隐藏和显示：固定在.site。

这将是一个良好的开端。

浏览器调整大小时，主要内容DIV正在向上漂移

2 个答案: