轮廓和边框左右移动

Question

出于某种原因，我的轮廓和边框似乎向下移动了。我用代码制作了一个JSFiddle，这样你就可以看到错误。

（http://jsfiddle.net/FHB4j/）

这张图片就像它应该是什么样子。我在我的设计中做了另一个元素，它的工作原理。虽然在这里使用相同的EXACT方法但它不起作用？它没有成功，因为我必须犯一个愚蠢的错误。

提前致谢！

  

我的CSS

  .standard-content-module {
    width: 414px;
    overflow:hidden;
  }
  .standard-content-module header {
    width: 414px;
    height: 48px;
    background: #cc9900;
  }
  .standard-content-module p {}
  .standard-content-module-content_container {
    background: #cccccc;
    border: 5px #ffcc00 solid;
    outline: 10px #cccccc solid;
    width: 384px;
    height: 100px;
    margin-top: 17px;
  }
  .standard-content-module-content_container p {}

  

我的HTML

<div class="standard-content-module">
    <header><p>Module Title</p></header>
    <div class="standard-content-module-content_container">
        <p>123</p>
    </div>
</div>

Answer 1

设置.standard-content-module overflow可见（或只删除它）

.standard-content-module {
      width: 414px;
      overflow:visible;
  }

DEMO VIEW