页面中间的一个盒子？ 我想用CSS在窗口中间放一个盒子，但它不起作用。例如，html元素的高度似乎不是100% <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Box</title> <style type="text/css"> html { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } body { margin: auto; width: 300px; height: 300px; border: 1px solid black; } </style> </head> <body> box </body> </html> 盒子 html{ 宽度：100%； 身高：100%； 显示：表格单元格； 垂直对齐：中间对齐； } 身体{ 保证金：自动； 宽度：300px； 高度：300px； 边框：1px纯黑； } 箱
把html和正文搞得乱七八糟，让它显示出来不是个好主意：表格单元格之类的 相反，请尝试以下代码：页面中间的一个盒子？ 我想用CSS在窗口中间放一个盒子，但它不起作用。例如，html元素的高度似乎不是100% <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Box</title> <style type="text/css"> html { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } body { margin: auto; width: 300px; height: 300px; border: 1px solid black; } </style> </head> <body> box </body> </html> 盒子 html{ 宽度：100%； 身高：100%； 显示：表格单元格； 垂直对齐：中间对齐； } 身体{ 保证金：自动； 宽度：300px； 高度：300px； 边框：1px纯黑； } 箱,html,css,Html,Css,把html和正文搞得乱七八糟，让它显示出来不是个好主意：表格单元格之类的 相反，请尝试以下代码： 盒子 html{ 宽度：100%； 身高：100%； } div{ 宽度：300px； 高度：300px； 位置：绝对位置； 左：50%； 最高：50%； 利润率：-150px 0-150px； 边框：1px纯黑； } 箱 把html和正文搞得乱七八糟，让它显示出来不是个好主意：表格单元格之类的 相反，请尝试以下代码： 盒子 html{ 宽度：100%； 身高：100%； } div{ 宽度
盒子
html{
宽度：100%；
身高：100%；
}
div{
宽度：300px；
高度：300px；
位置：绝对位置；
左：50%；
最高：50%；
利润率：-150px 0-150px；
边框：1px纯黑；
}
箱
盒子
html{
宽度：100%；
身高：100%；
}
div{
宽度：300px；
高度：300px；
位置：绝对位置；
左：50%；
最高：50%；
利润率：-150px 0-150px；
边框：1px纯黑；
}
箱
div主体的大小将不起作用。您应该使用以下代码：
<body>
<div id="box">box</div>
</body>
您可以看到一个。尝试将该框封装在div
元素中。调整主体的大小将不起作用。您应该使用以下代码：
<body>
<div id="box">box</div>
</body>
你可以看到一个.< /p>上传它，因为我很难理解发生了什么。盒子应该在框架的中间：上传它，因为我很难理解正在发生的事情。盒子应该在框架的中间：这将与初始视口对齐，不是窗口。将与初始视口对齐，而不是与窗口对齐。
#box {
position: fixed;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
margin: -150px 0 0 -150px;
border: 1px solid #000;
}