css3的transform:translate(-50%,-50%)居中问题

涉水雪***

使用css3的transform:translate(-50%,-50%)能够居中，但我为什么做不出来，设置宽高都为200px；但是展示时候它一半被隐藏起来了，只剩下100px展示。

城***

Document

  *{
margin:0;
padding:0;
  }
  #box1{
width: 1000px;
height: 1000px;
background: #ccc;
position:relative;
  }
  #box2{
width: 200px;
height: 200px;
background: #f00;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
  }

藤原***

试试浏览器前缀啊或许是浏览器问题

已有账号？

找人解决需求

css3的transform:translate(-50%,-50%)居中问题

全部参与2

热门问答

涉水雪***

今日需求悬赏

今日问答求助

发布任务需求已有1031290位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端