2つのdivを含むdiv要素（クラス「content」）と、bottomが0pxの最初のdivの兄弟があります。属性と固定の高さ。クラス「gallery」のdivを、親divを超えない範囲で拡張する必要がありました。
また...Firefoxブラウザーを除いて、chrome、opera、safariは、右上隅に通常より4〜5ピクセル上の検索入力を表示することを確認しました。何故ですか？
2 に答える
1
ここに2つの質問があります。最初の質問は明確ではありません。「2つのdivと最初のdivの兄弟が含まれています」、最初のdivの兄弟（2番目のdiv）ではありませんか？また、何をしたいのかが明確ではありません。一般に、すべてがグローバルに配置されているように見えるので、ギャラリーdivを希望する正確な寸法に設定してみませんか。含まれているコンテンツにはoverflow：autoを使用できるため、必要に応じて内部スクローラーが作成されます。
2番目の質問では、問題はFirefoxにあるようです。input要素のtopとpaddingを0に設定した場合でも、それは含まれているtd要素と整列します。これはテーブル要素の非常に奇妙な使用法であり、私はそれに反対することをお勧めします...おそらく代わりにdiv要素を使用する必要があります。
于 2011-11-24T20:21:17.833 に答える
0
使用したためheight: 100%、コンテンツは親要素の高さに一致します。そして他の要素がそれを押し下げます。
これを修正する方法はいくつかあります。
- テーブルベースのレイアウトを使用します（完全にサポートされていますが、眉をひそめています）
- 新しいCSS3フレックスボックスレイアウトを使用します（古いIEサポートはありません）
- ヘッダーとフッターをコンテンツに配置し、絶対位置に配置します。
ここに示されている3番目のオプションをお勧めします：http：//jsfiddle.net/tnRpR/
于 2011-11-24T20:26:51.153 に答える