我试图使 1024x768 的主体始终保持在页面的中心（上下间距相同，左右间距也相同），但是我在执行此操作时遇到了麻烦。
我用的是trick距顶部的间距为 50%，然后我将主体（绝对）定位在 -384px，即 768 的一半。
然而这种方法给我带来了一个问题：如果你的窗口小于 768px，你会得到一个滚动条，但主体上侧的一部分被剪切，没有任何向上滚动的可能性（我仍然可以向下滚动）。
怎么解决呢？
Edit 1:这是一些代码：
- JS.Fiddle（全屏）：http://jsfiddle.net/FireDragonDoL/TGjN8/6/embedded/result/ http://jsfiddle.net/FireDragonDoL/TGjN8/6/embedded/result/
- JS.Fiddle（正常）：http://jsfiddle.net/FireDragonDoL/TGjN8/6/ http://jsfiddle.net/FireDragonDoL/TGjN8/6/
可以在简单的html网页上打印的html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<style>
/**
* Change the basic background color of the page
*/
html
{
background-color: blue;
}
/**
* Set the body as a 1024 x 768 rectangle in center of the screen
*/
body
{
background-color: red;
font-family: TradeGothic, sans-serif;
margin-left: -512px;
margin-top: -384px;
position: absolute;
height: 768px;
width: 1024px;
left: 50%;
top: 50%;
}
</style>
</head>
<body>
some text
</body>
</html>
添加这个：
html {
position: relative;
min-width: 1024px;
min-height: 768px;
height: 100%;
}
http://jsfiddle.net/thirtydot/TGjN8/9/ http://jsfiddle.net/thirtydot/TGjN8/9/（全屏：http://jsfiddle.net/thirtydot/TGjN8/9/show/ http://jsfiddle.net/thirtydot/TGjN8/9/show/ )
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
