在html中添加居中框

Question

我尝试使用div在html / css中添加一个居中的框并为其指定一个类。然后我指定了类的高度和宽度，并设置了0 auto的余量;但是我得到的只是一个白色矩形，横跨我的页面的顶部宽度，而不是居中的框。我的css是：

    .rectangle {
    height: 700px;
    width: 700px;
    margin: 0 auto;
    }

任何见解都表示赞赏。感谢

Answer 1

你的矩形在那里，它很好地居中。

你只需要让它可见。给AllUsers.append(user()) 应该做的伎俩

background-color

请参阅CodePen Demo

Answer 2

默认背景颜色在html中是透明的。请检查 here