html - 奇妙な位置絶対クロム バグ

Question

フローティング div 内に要素を絶対に配置しています。ウィンドウのサイズを変更するまで、最後に絶対配置された要素はクロムの div の上部に固定されます (こちらを参照) 。

これまでに試したこと：

• 浮動要素内にコンテナーを配置する
• オーバーフロー: float、要素、コンテナへの hidden/auto

これはクロムでのみ発生します。なぜ/何が起こっているのですか？

Answer 1

あなたがしなければならない小さなことだけで、他のすべては素晴らしいです. これを使って

.schedule-course-slot-wrapper {
position: absolute; /*Important*/
border: thin solid;
border-radius: 3px;
margin: 0 2px;
padding: 0 3px;
height: 100%;
}

代わりは

.schedule-course-slot-wrapper {
position: relative; /*Important*/
border: thin solid;
border-radius: 3px;
margin: 0 2px;
padding: 0 3px;
height: 100%;
}