0

これが私の最初の質問です。

幅と高さが固定された親内で要素を垂直方向に配置しようとしていました。親ボックス内にはヘッダーもあり、絶対に下部に配置する必要があります。

それに取り組んでいるときに、クロスブラウザの問題をチェックすると、クロムに違いが見られました。FF、IE 8 & 9 では正常に動作します。サンプルを Chrome (現在は 19) で開くと、親に 1 ピクセルのギャップが生じます。

問題のインタラクティブな例 - CSSDeck

私の見方 - 1px のギャップ

空白やかなりの数を削除しようとしましたが、そのギャップを削除できませんでした...

これはバグですか?ギャップを取り除く、またはクロスブラウザー (ie8+) で動作するクリーンな方法で同じ結果を達成するのを手伝っていただければ、それは素晴らしいことです。

4

1 に答える 1

0

私のフィドルの例を参照してください:http://jsfiddle.net/tnRem/

基本的に、を削除display: table#outerて設定height: 250pxし、box-sizing: border-box;(IE8 +の場合のみ)をに設定しました#inner

Chrome 19.0.1084.46、Fx12、IE8で試してみました

于 2012-05-17T11:02:58.227 に答える