0

私はこのサイトを持っています。IE7 を使用してわかるように、の幅はheader以下のコンテンツよりも幅が広く、つまり、width: 960px期待どおりではありません。理由を教えてください。

headerタグのコードは次のとおりです。

header {
  border-top: 6px solid #9F9F9F;
  margin: 0 auto;
  background-color: $amarillo;
  width: 960px;
  padding: 19px 34px;
}
4

2 に答える 2

1

、、、、などheaderの要素はnav、IE7 ではサポートされていませんfooter。HTML5shivなどをポリフィルとして使用する必要があります。articlesection

また、デフォルトのボックス モデルでは、border-box要素の幅全体に対して幅にパディングが追加されるため、要素は 960px ではなく 960px + 34px + 34px になります。に追加するのではなく、から減算するbox-sizing: content-box場合は、プロパティを適用します。paddingwidth

于 2013-09-27T18:46:32.133 に答える