面试题:一个200*200的div在不同分辨率屏幕上下左右居中,用css实现

利用负值来实现居中。可以脑补画面离左右都是50%,刚好可以居中,但是DIV位置在哪里,距左右外边框各负50%宽度。

body{margin: 0;}
  #div1{ width:200px;height: 200px;position: absolute;background-color: aqua;
    left: 50%;top:50%;margin-left: -100px;margin-top: -100px;}

你可能感兴趣的:(面试题:一个200*200的div在不同分辨率屏幕上下左右居中,用css实现)