頁腳文本出現在<body>

我有一個標準的網頁設置<html><head></head>其次是<body></body></html>。在<body></body>我有三個部分，一個<header></header>,<div></div>採取每頁的文本和<footer></footer>。所有三個部分都應用display: block;。 <body>定義爲黃色背景和綠色邊框。 <header>和<div>部分顯示在綠色邊框內，但<footer>顯示在綠色邊框外部。如果我刪除了display: block;定義，它會出現在綠色邊框內。頁腳文本出現在<body>

我沒有想到會發生。

編輯 - 問題不在於當我刪除display: block;時，它是當我在<footer>中包含<div>。 <div>中的代碼出現在<body>之外，頁腳中的代碼本身出現在<body>的內部。

來源

2013-06-11 xiecs

你有一個html5的DTD在頁面的頂部？ –

你可以在http://jsfiddle.net/這樣的網站上發佈你的代碼的例子嗎？ – veelen

@Nicholas - 我在頂部有<！DOCTYPE html>。 – xiecs

這是您在頁腳> div上使用的浮點數的結果。浮動使元素逃離頁面流，因此在這種情況下將顯示在頁腳之外。你可以刪除浮動，或設置頁腳到一個固定的高度，所以子div將適合。

來源

2013-06-12 09:51:51 veelen

謝謝 - 它是固定的高度。 – xiecs

頁腳文本出現在<body>

回答

相關問題