こんにちは、私はちょうどページを書くことを始めました。私はこれまでになかったことをしました。私は何をしたのか分かりません。このフィドルhttp://jsfiddle.net/4Fbpu/は、FF、Opera、IE 9(驚くべきことに)でうまく表示されます。しかし、Chromeでは、ヘッダーとラッパーの中間でコンテンツが開始されます。誰がこれを引き起こしているのか、それをどのように修正してくださいか知っていますか?クロムのCSSがハイに表示されていますか?
1
A
答えて
2
まず、テストケースの複雑さを軽減してみてください。私はここで簡単なテストをしました:http://jsfiddle.net/guitarzan/PqvKR/4/
これはChromeのレンダリングのバグだと思います。フローティングされたul
をposition:absolute
と扱いますが、その高さがその包含する親の負の(上)マージンよりも小さいか等しい場合に限ります。高さを50ピクセル以上に増やすと、元の場所に戻ります。ここを参照してください:
- 51pxの
ul
以上に高さを追加します:http://jsfiddle.net/guitarzan/PqvKR/6/だから、私は2つの解決策が見つかりました。これはおそらくデザインには高すぎるため、他のものを調整する必要があります。
ul
の周りに別の要素を追加し、高さを0pxより大きくします。ここ
テスト・ソリューション:http://jsfiddle.net/guitarzan/4Fbpu/13/
おかげでダグは、あなたの努力に感謝し、それに役立ちます。どのような奇妙なクールーク。ありがとう – Jonnny