1

どういうわけか、私の輪郭と境界線が上下にずれているようです。コードを使用して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>
4

1 に答える 1

2

.standard-content-module オーバーフローを可視に設定 (または単に削除)

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

デモビュー

于 2013-03-10T20:51:59.030 に答える