-2

だから私は同じ高さで4つの柱を作ろうとしています。パディングが必要で、視覚的には同じ高さに見えるはずです。

さまざまなソリューションを試してみると、div の 1 つに「height: 1;」が含まれていると、何か奇妙なことが起こっていることがわかりました。これは有効な css ではないため、私の知る限り、div にはデフォルト値の「auto」を指定する必要があります。ただし、値「auto」では同じように表示されません。

「height: 1」を jsFiddle で動作させることができなかったので、ここに JsBin リンク: JsBinがあります。

ここに来て、次の 2 つの情報を入手しました。

  1. なぜ「height:1;」Chrome と IE の最新バージョンで動作するようにします。何が起こっている？

  2. 次のような結果を得るための有効な html/css ソリューションは何でしょうか。 私が求めているもの

どういうわけか、「display: table-cell」内の内部 div を height: 100% にすることができれば、問題はおそらく解決されます。

4

1 に答える 1

1

ページに がないため、機能します<!DOCTYPE html>。Chrome と IE は quirks モードに入っています。height:1 は有効な CSS ( の場合height:1px) であり、これによりレイアウトが quirks モードで何らかの形で修正されます。

<!DOCTYPE html>解決策:ファイルの先頭に追加し、そこから移動します。

于 2013-09-21T15:33:35.710 に答える