我拥有的特定div的CSS无法正常工作

Question

我为正在工作的div显示了一些css，但是由于添加了其他元素并添加了不相关的代码，因此css不再适用于其相对div。

 #container
{
  width: 100%;
  height: 80%;
  background-color: #ffffe6;
  border-style: solid;
  border: 2px, black;
  border-radius: 25px;
  padding-top: 15px;
  padding-right: 15px;
  margin: auto;
  padding-left: 15px;
}

<div id="container">
  <div id="functions"></div>

  <div id="roll">
    included elements
  </div>
  
  <div id="keyboard" class="center">

  SOME PHP

  </div>
</div><!--closing tag for keyboard div-->

</div><!--closing tag for container div-->

容器代码的css似乎没有注册，尽管它已经保存了好几次。我似乎无法弄清楚为什么现在不怎么把它捡起来并显示在浏览器窗口中。

Answer 1

You have an extra closing div tag



    <div id="container">
      <div id="functions"></div>

      <div id="roll">
        included elements
      </div>
      
      <div id="keyboard" class="center">

      SOME PHP

      </div><!--closing tag for keyboard div-->
    </div><!--closing tag for container div-->