divの幅（ "％s"）とのアライメント

幅の値をパーセンテージで渡してタグを使用してページを列に分割すると、2つのdivが20％と宣言された100％のdivの幅が宣言されます& 80％の幅、IE8ではうまくいきましたが、Firefoxの場合は80％から79％に変更しないとうまくいきません。理由を説明できますか？divの幅（ "％s"）とのアライメント

出典

2012-05-10 Honey459

あなたは、人々はあなたが見ているものを再現することが可能なの減少例を投稿するときに高速（と推測少ないが）答えを得るでしょう。 – Till

が適切なDOCTYPEを定義します。あなたがいない場合、彼は別のboxmodellを使用しているため<!doctype html>これは、IEのために非常に重要です！
現在のw3c-boxmodellはcontent-widthのみを考慮に入れていることに注意してください。これは、余白、枠線、またはパディングが宣言されている場合は、これが幅を狂わせることを意味します。あなたは80％/ 20％の列を定義しますが、効果的に、これはボーダーのために80 + 20 = 100％+ 4PXを意味するので、彼らはborder:1px ...この意志をめちゃくちゃにしてデザインをお持ちの場合は

- >あなたのページが解除されます。

より新しいブラウザ(called box-sizing: from IE8 on)でboxmodellを切り替えると、幅の宣言にパディングや境界線を入れる「より良い」boxmodellを使用できます。

編集：

MDN-Link regarding box-sizing

出典

2012-05-10 12:57:57 Christoph

それは今動作しています！ Thnx ..） – Honey459

@ハニーおかげで私は助けることができた。他のユーザーに問題を解決したことを示すには、回答を受け入れる必要があります（緑色のチェックマークをクリックしてください）。 – Christoph

divの幅（ "％s"）とのアライメント

答えて

関連する問題