html - CSS div 没有移动到中间

标签 html css

我正在制作自己的网站,但由于某种原因我无法将黑框移动到屏幕中间,请大家帮帮我。我必须在 JSFiddle 上制作它,因为我没有足够的 RP 来在此处显示屏幕截图。

请查看此链接以查看我的代码:

http://jsfiddle.net/xiiJaMiiE/LfWBn/4/

#white_box {
position:absolute;
margin:auto 0;
min-width:80%;
max-width:100%;
height:85%;
top:0%;
background:black;
z-index:1;
width:80%;
}

提前致谢!

最佳答案

如果 width 总是 80% 那么只需偏移剩余宽度的左半部分:

left:10%;

查看此演示 http://jsfiddle.net/LfWBn/7/

关于html - CSS div 没有移动到中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21485579/

相关文章:

Python Beautifulsoup get_text() 没有获取所有文本

javascript - 复选框中的 Knockout 数据绑定(bind)不适用于 android (4.2)

html - 我无法将文本颜色更改为超链接

html - 在 css/js 中定位叠加 div

css - 为什么两个垂直图像之间有间隙?

html - css border : 1px appear as 0. 667px 或 1px 取决于计算机/显示器分辨率 (?)

html - 如何禁用 ext.net 文本字段中的复制?

javascript - CSS Border transitions 无限动画循环

javascript - 为什么 'this' 关键字在以下 html 代码中不起作用?

Chrome 中的 CSS 呈现在线与离线不同