HTML5<；部门>；以内部为中心<；车身>；
有没有一种方法可以将div放在主体内部，居中，给定的左右边距等于x，上下边距等于y？除了div（及其子项）之外，文档中没有其他内容 更新。我希望：HTML5<；部门>；以内部为中心<；车身>；,html,Html,有没有一种方法可以将div放在主体内部，居中，给定的左右边距等于x，上下边距等于y？除了div（及其子项）之外，文档中没有其他内容 更新。我希望： 另外，我很高兴有一个更通用的解决方案，当x1！=x2，y1！=y2（尽管对于我的特殊情况x1==x2，y1==y2的解决方案非常感谢）。如果希望所有浏览器中的边距都相同，则必须使用javascript <body> <div id="the_div" style="margin: 20 auto;margin-bottom:0
另外，我很高兴有一个更通用的解决方案，当x1！=x2，y1！=y2（尽管对于我的特殊情况x1==x2，y1==y2的解决方案非常感谢）。如果希望所有浏览器中的边距都相同，则必须使用javascript
<body>
<div id="the_div" style="margin: 20 auto;margin-bottom:0;width:300px;">
</div>
<script type="text/javascript">
var dim = (function () {
var _pW, _pH;
if (document.body && document.body.offsetWidth) {
_pW = document.body.offsetWidth;
_pH = document.body.offsetHeight;
}
if (document.compatMode == 'CSS1Compat' &&
document.documentElement && document.documentElement.offsetWidth) {
_pW = document.documentElement.offsetWidth;
_pH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
_pW = window.innerWidth;
_pH = window.innerHeight;
}
return { width : _pW, height : _pH };
})();
var div = document.getElementById( "the_div" );
div.style.height = dim.height - 20 + "px";
</script>
<body>
var dim=（函数（）{
var _pW，_pH；
if（document.body&&document.body.offsetWidth）{
_pW=document.body.offsetWidth；
_pH=document.body.offsetHeight；
}
如果（document.compatMode=='CSS1Compat'&&
document.documentElement&&document.documentElement.offsetWidth）{
_pW=document.documentElement.offsetWidth；
_pH=document.documentElement.offsetHeight；
}
if（window.innerWidth和window.innerHeight）{
_pW=窗口宽度；
_pH=窗内高度；
}
返回{宽度：_pW，高度：_pH}；
})();
var div=document.getElementById（“the_div”）；
div.style.height=尺寸高度-20+“px”；
html {
width: 100%;
height: 100%;
}
body {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
div.parent {
display: inline-block;
position: relative;
left: 50%;
top: 50%;
}
div.child {
width: 100px;
margin-left: -50%;
margin-top: -50%;
border: 1px solid #000;
}
您可以使用固定定位。不过，它在IE6中不起作用
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='de' lang='de'>
<head>
<meta charset='utf-8' />
<title>Test</title>
<style>
#bla {
position: fixed;
top: 30px;
left: 60px;
right: 60px;
bottom: 30px;
background: yellow;
}
</style>
</head>
<body>
<div id='blah'>
</div>
</body>
</html>
试验
#布拉{
位置：固定；
顶部：30px；
左：60px；
右：60px；
底部：30px；
背景：黄色；
}
将div的margin left和margin right设置为“auto”如果您想支持旧的IE版本，请提供以下附加样式：
body{text align:center；}.container{text align:left；}