将div的子元素放置在div之外是否违反了HTML规范？

上面的图像为以下代码提供了视觉效果

• 蓝色矩形是父div
• 红方块是孩子的形象

正如您所看到的，从空间角度来看，子元素位于父元素之外，尽管它是DOM中的子元素

---

根据HTML霸主的说法，这是合理使用吗

许多人使用

固定

和

绝对

位置来定位某些元素，这就是定位的目的，通常这些元素都在文档流之外，因此

子

元素在

父

元素之外是绝对正确的，除非在父容器中使用了一些无效的子元素，否则它对验证没有任何影响

例如：

<p>
  <p>This won't pass your validation, no matter what positions you use for these element</p>
</p>

无论这些元素使用什么位置，都无法通过验证

---

并始终使用

位置：相对编码到父元素中，这样子元素就不会在野外流出。
是的，它完全有效，但您将使用position:absolute.relative使它们位于适当的位置。当您想将其加载到移动设备上时，这会为页面创建一个警告。
是的，这是合理使用，可以使用绝对/相对定位来实现。
<p>
  <p>This won't pass your validation, no matter what positions you use for these element</p>
</p>