0

我有一个标准的网页设置,<html><head></head>后跟<body></body></html>. 在<body></body>I 中有三个部分, a <header></header>, a<div></div>用于获取每页的文本和 a <footer></footer>。所有三个部分都已display: block;应用。用<body>黄色背景和绿色边框定义。<header><div>部分出现在绿色边框内,但和部分出现在绿色边框<footer>外。如果我删除display: block;定义,它会出现在绿色边框内。

我没想到会发生这种情况。

编辑 - 问题不在我删除 . 时display: block;,而是当我<div><footer>. 中的代码<div>出现在外部<body>,页脚中的代码本身出现在内部<body>

4

1 回答 1

0

这是您在页脚 > div 上使用浮动的结果。浮动使元素脱离页面流,因此在这种情况下将显示在页脚之外。您可以删除浮动,或将页脚设置为固定高度,以便子 div 适合。

于 2013-06-12T09:51:51.503 回答