Question

我正在尝试向具有多个嵌套表的基于表的HTML布局添加页脚。结构看起来像这样：

<head>
</head>
<body>
    <form>
      bloody mess of <table><tr><td> tags
    </form>
--- div footer to go here ----
</body>

DIV页脚最后悬挂在主桌后面大约1/4向下...我认为这意味着一些桌子/行/单元格标签没有正确关闭......

我尝试在表单周围放置div，希望这会强制浏览器自动关闭所有未关闭的标签。那没用。

我更愿意重写整篇文章，但页面没有记录，非常复杂，而且包含很多内容。

有什么想法吗？

Answer 1

为了检查您的代码是否正确关闭，您可以validate your HTML。

在没有看到你的代码的情况下，很难猜出问题可能是什么，但这是一种消化。

该表可以使用CSS浮动或绝对定位（position:absolute）。如果是这种情况，您可能需要移除浮动或位置。

鉴于您的布局目前是基于表的，并且假设您没有重写整个内容，最简单的选项可能是在页脚的底部添加额外的表格行。

Answer 2

让浏览器解析页面，并使用Javascript的DOM访问权限动态插入<div>：

这样，浏览器就会解析“血腥混乱”。但是，这并不能保证浏览器的兼容性，因为它取决于每个不同的浏览器如何解析“混乱”。