我为<html><head></head>后跟<body></body></html>的网页设置了标准。在<body></body>中，我有三个部分，一个<header></header>，一个<div></div>来获取每个页面的文本和一个<footer></footer>。所有三个部分都已应用display: block;。 <body>定义为黄色背景和绿色边框。 <header>和<div>部分显示在绿色边框内，但<footer>显示在绿色边框之外。如果我删除display: block;定义，它将显示在绿色边框内。
我没想到会发生这种情况。
编辑 - 当我删除display: block;时，问题就出现了，就是我在<div>中添加了<footer>。 <div>中的代码显示在<body>之外，页脚中的代码本身显示在<body>内。
答案 0 :(得分：0)
这是您在页脚上使用浮动的结果＆gt; DIV。浮点使元素逃脱页面流，因此在这种情况下将显示在页脚外部。您可以移除浮动，或将页脚设置为固定高度，因此子div将适合。