html - 表格和表格渲染顺序倒置

Question

我不知道为什么我的表格出现在表单元素下面。即使我把它放在 html 中的表单元素之上。谁有类似经历？

<h2>Current tasks</h2>
<div>
<table border="1" style="width:100%" class="task-db-table"><tr><th>Task</th><th>Start Date</th><th>End Date</th><th>Creation Date</th></tr><tr>
            <td>dghgt</td>
            <td>2015-12-30 11:02:00</td>
            <td>2015-12-31 23:12:00</td>
            <td>2015-12-29 09:09:36</td>
            </tr></div>
<h2>Insert</h2>
<div>
<form id="form" action="" method="post">
Task: <input type="text" name="task"><br>
Start date: <input type="datetime-local" name="startdate"><br>
End date: <input type="datetime-local" name="enddate"><br>
<input type="submit">
</form>
</div>

表格显示在表单元素下方。

Answer 1

参见 fiddle

您忘记关闭 <table>因此您的表格出现在 table 上方。欢迎加</table>在最后</tr>之后.

并且，this是你的代码的 fiddle 。查看 </table> 时的变化错过了.. ;)