应用错误收集

我试图在一个粉红色的盒子里创建一个红色的盒子，但是我什至无法使这个简单的东西起作用。我希望红色框位于粉红色框的中央。如果红色框也位于浏览器窗口的中心，那就更好了。

https://jsfiddle.net/Sem9999/gwdypu69/#&togetherjs=QtSCGj5556

我尝试从其他答案中复制代码，但这对我不起作用。

.main {
      height: 300;
      width: 300;
      background-color: pink;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
    }

.aaa {
      height: 200;
      width: 200;
      background-color: red;
    }

<html>
<head>
  <title>test</title>
</head>
<body bgcolor="#000000">
  <div className="main">
    <div className="aaa">
      A
    </div>
  </div>
</body>
</html>

无法使div在另一个div中居中

0 个答案: