一串奇特的代码

一个空的 div 元素，所有浏览器的渲染结果都不一样。

body{
 display:table-cell;
 vertical-align:middle;//垂直居中
  }
div{
  margin:atuo;
  height:100px;
  width:100px;
  outline:inset 100px green;//设置 4 个边框的样式
  outline-offset:-125px;//对轮廓进行偏移
  }
 html{
  display：table;//
  height:100%;
  width:100%;
  }

代码效果.jpeg