由于某些原因，当您转到我网站的主页时：
chrome或safari上的bluestarnj.com页面顶部被截断。这仅发生在浏览器高度较小的笔记本电脑上。它在Firefox中呈现完美。现在，如果我告诉它将其自身放置在距离顶部300px的位置，它将在那些浏览器中正确呈现，但是在Firefox中，它将其推到页面的下方。该类的CSS代码如下：
.main_content {
width: 1000px;
height: 900px;
margin: auto;
position: absolute;
top: 50px;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(white, grey);
border-style: solid;
border-width: 0.188em;
border-radius: 1.563em;
border-color: red;
display: block;
}
您需要margin: auto;从.main_contentdiv中删除。
当窗口小于该div时，它仍将居中，但以离开页面为代价。不必担心较小屏幕的垂直居中，而只要视口大于该div，就可以在桌面上进行。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句