当我从浏览器缩小时，我的网站布局完全移动到浏览器屏幕的左上角？

Question

当我从浏览器缩小时，我的网站布局完全移动到浏览器屏幕的左上角？

当我查看某个网站（例如 yahoo.com）并从浏览器中缩小时。它保持在中心。

Answer 1

我知道这个问题有点老了，但也许它可以帮助其他人。

布局靠左

我猜你的布局是靠左的，因为它没有居中。如果要使布局的元素居中，则必须使用以下 css 代码：

.my_element{
  margin: 0 auto;
}

意思是“上下0像素，左右相同数量的像素”（水平居中）。

但请注意，如果元素没有宽度，则不能使用此“技巧”：

.my_element{
  margin: 0 auto;
  width: 300px;
}

这是 jsfiddle 上的 demo。在这个例子中，每个元素都是水平居中的。

但我们可以做得更好。在这个second demo 中，我们添加了一个包含每个元素的包装器，我们只需将其居中即可。

布局贴在顶部

如果你不希望你的布局粘在顶部，你只需要在第一个 div 上设置一个 ma​​rgin-top，也就是 wrapper我们的例子：

.wrapper{
  margin-top: 20px;
}

请注意，英语不是我的母语，如果您发现一些错误，请告诉我。