html - Chrome 中的嵌套 Div 出现故障

Question

所以我在 chrome 中嵌套了 div

<div id="wrapper"> 
   <div id="content">
   </div>
</div>

wrapper div 只是一个盒子形状的带边框容器。在 safari/firefox 上，内容位于框内，50% 的 chrome 内容 div 位于框内，但另外 50% 的时间位于框外。我真的不知道该怎么做，因为它在 Safari 和 firefox 中工作，并且出于某种原因在 chrome 中被折腾了。它可以只是我的电脑吗？有没有人遇到过这个问题？

谢谢

#wrapper{
   display: block;
   position: absolute;
   top: 5%;
   left: 0;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 90%;
   background-color: #efefef;
}

#content{
   height:78px;
   width:100%;
   border-bottom:solid 1px gray;
   font-weight:1000;
   margin-left:0px !important;
   background-color:white;
}

Answer 1

您是否在 #wrapper 上尝试过 box-sizing: border-box;？