Question

我正在玩基本的div并在本地测试我的代码，我很难过为什么我的第一个div没有显示。我不确定我做错了什么，因为我的第二个div看起来很好。

我想让我的第二个div直接居中在第二个div的中间，第一个div用一个简单的彩色bg。

＆＃13;

div#banner {
  background-color: rgb(52, 72, 94);
  height: 100%;
  width: 100%;
  position: relative;
}
div#bannerbox {
  margin: 0px auto;
  height: 50%;
  width: 50%;
  text-align: center;
}

＆＃13;

<div class="banner">
  <div class="bannerbox">
    testing
  </div>
</div>

＆＃13;

Answer 1

您定位的是ID，但在HTML中您使用的是类。

像这样的CSS

.banner {
    background-color: rgb(52, 72, 94);
    height: 100%;
    width: 100%;
    position:relative;
}

.bannerbox {
    margin: 0px auto;
    height:50%;
    width: 50%;
    text-align: center;
}

基本HTML / CSS：css不显示第一个容器

1 个答案: