css - このコンテンツが div の一番下から始まるのはなぜですか?

Question

左側にメニューがあるデザインを作成しましたが、テキストは上部ではなく下部から始まります。

これは、次のコードを使用してマップを右側に挿入した後に発生し始めました。

#map {
    height: 100%;
    width: 100%;
}

score 1 · Accepted Answer

追加するだけ

#wrapper > div > #middleleft {
    vertical-align:top;
}

score 1 · Accepted Answer

次のように、css ブロックに追加vertical-align: top;します。#wrapper > div > #middleleft

#wrapper > div > #middleleft {
    background: #565656;
    vertical-align: top;
}

score 1 · Accepted Answer

なぜそれが何をするのかについてのあなたの実際の質問に誰も答えたくないようです. だからここに行きます。

そこでは非常に奇妙なことが起こっています。それは奇妙なものです、それは確かです。地図に高さを設定しない場合は、vertical-align: top になります。

Google の JavaScript が何かをいじっているようです。Internet Explorer でのみ発生するようです。

本当に魅力的なのは、IE 開発者ツールを使用して html を掘り下げ、マップで高さをオフにすると、上に戻り、オンに戻すと、上にとどまることです。これは、そのフィールドのレイアウトを何らかの形で混乱させているのはJavaScriptの何かであることを教えてくれます。

つまり、バグです。他の人が言及した方法を使用して、これを回避できます。

3 に答える 3