css - 使用窗口调整大小的 DIV 居中

Question

我在这个话题上已经筋疲力尽了，我只是觉得它比看起来更简单。该站点：http ://ryanfeerer.com/如果您查看内容部分，当窗口变小或变大时，它会保持居中对齐。我正在创建一个在 DW CS6 中非常相似的站点，并且我设置了平铺背景并创建了一个 DIV 以将鼠标悬停在背景上。基本上就像引用的网站一样。

没有一个简单的CSS代码可以做到这一点吗？这似乎是一个如此简单的概念哈。

提前感谢，如果这已被多次回答，非常抱歉。我试图做我的研究，但无济于事。

内特

Answer 1

我创建中心 div 的方法是使用左右百分比对齐它。这样它会响应浏览器的大小。例子

#content{
left:15%;
right:15%;
top:0px;
bottom:0px;
}

尽管这意味着当浏览器窗口非常薄时，您的内容会被压扁，因为它将始终保持两边的 15%。

Answer 2

编辑：啊，我误解了你在问什么。我现在看到，当您调整页面大小时，所有内容都会缩小，包括图像。我会研究一个 jQuery/javascript 解决方案。