Css 文字和颜色的绝对定位

因此，输出屏幕有三个疑问：

为什么“Well It is second”的文本显示为绿色，而不是将其整体包裹起来，或者如果相反，则应将其整体覆盖为红色？ 为什么第二个文本与第三个文本重叠，而不是相反？ 为什么第二口井没有像我指定的其他div标签那样居中对齐？ 对web开发来说是相当新的，但我知道绝对定位和相对定位是什么

div{ 文本对齐：居中； 字体大小：40px； 高度：100px； } .首先{ 背景颜色：蓝色； } .第二{ 背景色：红色； 位置：绝对位置； } .第三{ 背景颜色：绿色； } 这是第一次 嗯，这是第二次

---

嗯，这是第三个关于绝对定位的知识似乎有些空白

绝对定位的div通常具有与之关联的属性top、right、left和bottom。通过这种方式，您可以微调将div放置在第一个祖先div中的位置，该div具有指定的位置：relative

Q1:position:absolute的div没有100%的自动宽度，而是适合内容。您可以通过明确设置宽度或使用left:0px；右：0px

问题2：一个绝对定位的元素总是从正常的内容流中抽出来，放在通常定位的其他div之前

---

Q3文本实际上如您所料居中，只有宽度调整以适合内容，因此您无法看到它。

欢迎使用堆栈溢出！绝对定位是一种非常糟糕的网页布局方法。它极不灵活，而且有更好、更灵活的选择。退房