ウェブサイトのフッター部分に問題があります。
基本レイアウト:
footer_bg
親divです。水平に並んだ 3 つの div が含まれています: address_Sec
(左端)、blog_Sec
(中央)、follow_Sec
(右端)。これらの 3 つの div の前だけでなく、 内footer_bg
にも、 という名前の 4 番目の div がありfooterMessages
ます。
問題:
問題は、ブラウザーがfooterMessages
div が div の開始点から始まると認識していることfooter_bg
です。ただし、実際には、footerMessages
div は他の 3 つの div の下に表示され、これも 内にありますfooter_bg
。この混乱により、 のborder-top
プロパティfooterMessages
は、親 div、つまりfooter_bg
が開始する場所にレンダリングされます。
JSFiddle コード: http://jsfiddle.net/ahmadka/Th6Kq/1/
スクリーンショットの例:
footerMessages
著作権メッセージはdiv.にあるため、著作権メッセージの開始位置の直前に赤い破線が表示されます。
どうすればこれを修正できますか?