css - 使用 CSS 更改页面布局？

Question

我有一个正在处理的页面(长期开发人员，CSS 新手)，我在其中布置了一堆带有内容的 div。我试着让每个 div 都处于同一级别，而不是嵌套一堆东西，这样我就可以更轻松地移动它们。所以问题是，如果我想让这些 div 处于完全不同的布局中，使用 CSS 将负边距连同相对位置放在一堆东西上并将它们推到正确的位置是否合适。

如果第一页是:

<div class="div1">stuff here</div>
<div class="div2>other stuff</div>

所以按照 div 的自然顺序，div2 在 div1 下面。但是，如果我想将 div2 移到 div1 之上怎么办？我见过的唯一方法是将 div2 设置为相对位置，然后使用顶部、左侧、右侧和底部将其推到我想要的位置。

这看起来很奇怪，但它确实有效。看起来真的很不雅观。一页是自然的，无需任何操作，第二页是强制放置的。

有没有更好的方法来实现我的目标？

Answer 1

您正在尝试使用 CSS 构建结构。这不是它的目的。结构由 HTML 完成，CSS 进行表示。如果您想颠倒顺序而不是更改 HTML。然后使用 CSS margin、padding、align、float 和所有其他属性来获得精确定位和您想要的精美外观。

HTML 是 MACK 卡车。 CSS 是 Porshe。