为了账号安全,请及时绑定邮箱和手机立即绑定

绝对定位垂直居中问题

绝对定位垂直居中问题

雨丶辰 2016-02-18 16:35:48
在<body><div class="wrap"></div></body>这样的html结构中,使用.wrap{    width:100%;    height:600px;    position:absolute;    top:50%;    margin-top:-300px;    background-color:#333;    overflow:hidden;}这样的样式,为什么无法让div垂直居中。但在课程视频中却可以居中,请问怎么解决。
查看完整描述

2 回答

?
阿贾大魔王

TA贡献29条经验 获得超28个赞

不好意思,我按照你的代码写,它的垂直居中没有问题,也没拼写或标点的错误。显示如下:

//img1.sycdn.imooc.com//56c587da00011ef119201041.jpg

查看完整回答
反对 回复 2016-02-18
  • 雨丶辰
    雨丶辰
    哦no,谁能告诉我这是怎么回事。。。。。我纠结老久了
?
EM_xiaohe

TA贡献2条经验 获得超0个赞

可以啊,  你的代码中 分号 和 冒号 你再看看。。。

查看完整回答
反对 回复 2016-02-18
  • EM_xiaohe
    EM_xiaohe
    你看看你父元素子元素的结构关系对不对,父元素的样式对不对
  • 雨丶辰
    雨丶辰
    父元素body没有设置任何样式,就是那段代码那样的,但无法居中。在浏览器中top:50%;计算出来的值只有193。
  • 2 回答
  • 0 关注
  • 1460 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信