2 つの div があり、一方が他方にネストされています。つまり、#messagesdiv は div 内にあり#mainContentます。div は、その#messages親の上から 0px である必要があります。内部に a を入れるまではすべて問題ありません。unordered list次に、div全体からdiv全体#messagesを数ピクセル下に押し下げます。
要素を配置margin-top:0px;するとul、すべてが再び正常になりますが、ul をその親margin-top:10px;から取得したいと考えています。#messagesもう一度置くと、 から 10px がmargin-top:10px;プッシュされます。#messages#mainContent
誰かがなぜこれが起こっているのか説明してもらえますか?また、誰かがこれに対するクリーンな解決策を提供できますか?
ありがとう、それjsfiddleは次のとおりです。