为什么网页元素的排版与 HTML 代码不符？

网页排版与 HTML 代码不符

有时，您可能会发现网页元素的排版与 HTML 文件中指定的不同。这种情况的一个常见原因是 HTML 代码中出现了意外的元素或内容。

问题描述：

某位用户发现，即使多次刷新页面，<ul> 元素仍显示在 <div> 元素之外。

问题分析：

查看 HTML 代码后发现，<div> 元素的结尾包含<p>元素后面多余的<br>元素，而且<p>元素后面还有两个<div>结束标签</div>.

解决方法：

移除多余的<br>元素和<div>结束标签。

正确的 HTML 代码：

<div>
  <p>你的“备案号”后面是两个 <code>&lt;/div&gt;</code>。</p>
</div>
<ul>
  <!-- 内容 -->
</ul>