2013-07-05 80 views
0

我的網站頁腳部分存在問題。位於父div開頭的子div頂部邊框

基本佈局:

footer_bg是父DIV。它包含3個水平並排編隊:address_Sec(最左),blog_Sec(中間)和follow_Sec(最右)。在這3個div之前,也在footer_bg之前,是第四個div,其名稱爲footerMessages

問題:

的問題是,瀏覽器認爲footerMessages DIV啓動,在此footer_bg DIV開始點。但實際上,footerMessages div顯示在其他3個div下方,也在footer_bg之內。這種混淆導致footerMessagesborder-top屬性呈現在父div(即footer_bg)開始的位置。

的jsfiddle代碼:http://jsfiddle.net/ahmadka/Th6Kq/1/

截圖例如:

enter image description here

紅色虛線應該會出現版權信息的地方開始前,右,因爲版權信息在footerMessages DIV ..

我該如何解決這個問題?

回答

2

http://jsfiddle.net/Th6Kq/2/

您應該添加:clear:both到頁腳消息。

+0

它爲什麼會導致滾動條出現? – Ahmad

+0

Scrolbars不會出現在你的頁面上,jsfiddle有'空間問題' - >元素高度有問題,我猜 - >調整框架大小,你會看到... http://fiddle.jshell.net/Th6Kq/2/顯示/ – sinisake

+0

PS更改頁腳中元素的寬度和位置(將它們放在行中,放在下面的其他頁面上)如果您需要響應式視圖... – sinisake