css div相对屏幕居中
程序员文章站
2022-05-01 17:16:01
...
.Box {
background: #FA2;
width: 700px;
height: 400px;
position: fixed;
left: 50%;
top: 50%;
z-index: 11;
/*设定这个div的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.*/
/*宽为400,那么margin-top为-200px*/
/*高为200那么margin-left为-100px;*/
margin: -200px 0 0 -350px;
}
上一篇: div垂直居中的方法
下一篇: div盒子水平垂直居中的方法
推荐阅读
-
IE8.0下DIV+CSS网站不居中解决办法_html/css_WEB-ITnose
-
div中有一个marquee标签,marquee中有滚动显示的文字,如何让文字在div中垂直居中从右向左滚动显示?_html/css_WEB-ITnose
-
css中position:fixed实现div居中_html/css_WEB-ITnose
-
div居中问题_html/css_WEB-ITnose
-
css中absolute设置问题和如何让div居中
-
css3 flex实现div内容水平垂直居中的几种方法
-
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
-
css div水平居中
-
css+div布局中的垂直居中
-
css3设置box-pack和box-align让div里面的元素垂直居中