0

基本的にウェブサイトをレスポンシブにし始めたばかりですが、何らかの理由で、Language div(#lang)が右にフロートするように設定されていますが、右にフロートしていますが、右側にわずかなマージンがあります。ただし、親div #containerに設定されたパディングはありませんが、理解できていません。

Webサイトはhttp://www.cuonic.comで、CSSファイルはhttp://www.cuonic.com/css/style.cssです。

Meyerwebのreset.cssも使用しています。どんな助けでも大歓迎です:)

4

2 に答える 2

1

width: 100%#contentから削除する必要があります。パディングプラスwidth: 100%;により、divがコンテナを超えて拡張されます。

于 2012-08-30T01:28:50.523 に答える
0

これは、#contentのパディングと幅が原因で実際​​に発生しています。

幅は100%、パディングは20pxです。

パーセンテージ幅は親を基準にして計算されるため、100%と言うことはエンチラーダ全体を取ることを意味します。

パディングは、ドキュメントをレイアウトするときに幅と加算されます(私は知っていますが、紛らわしいです)。その結果、レイアウトされた幅は100%+ 40px(両側のパディング)になります。

これを修正する方法はいくつかあります。

#contentにパーセンテージ幅(たとえば90%)を使用し、パーセンテージパディング(5%)を使用すると、消えます。

または、#contentのbox-sizingプロパティをborder-boxに変更できます

于 2012-08-30T01:28:28.127 に答える