html - 为什么我的#hello 没有出现？

Question

下面的这个 div 根本没有出现.. 我想做的就是做一个快乐的脸......

<div>
  <div id="bin">
    <div id="inner-bin"></div>
    <div id="inner-bin_2"></div>
    <div id="hello"></div>
  </div>
</div>

#bin{
  border-radius:100%; 
  margin:40px;
  position:relative; 
  height:500px;
  width:500px;
  background-color:#013249
}

#inner-bin{
  height:120px;
  width:120px;
  position:absolute;
  top:100px;
  left:108px;
  border-radius:100%;  
  background-color:#58A3C8;}

#inner-bin_2{
  height:120px;
  width:120px;
  position:absolute;
  top:100px;
  left:280px;
  border-radius:100%;  
  background-color:#58A3C8;}
}

下面的这个 div 根本没有出现.. 我想做的就是做一个快乐的脸......

#hello{
  height:120px;
  width:10px;
  position:absolute;
  left:108px;
  border-radius:100%;  
  background-color:#58A3C8;
}

Answer 1

在你的#inner-bin_2 之后，你有一个额外的右大括号：