Html 为什么这个div元素会忽略我的z索引和宽度设置？

我曾尝试使用HTML+CSS生成简单的内联信息弹出窗口，但未能按预期工作。特别是，弹出div容器会忽略我的最大宽度和z索引设置

我贴了

---

有人能告诉我吗？我错过了什么？非常感谢

如果将

.faq>.body

更改为

位置：fixed

，则会观察到240px的宽度，并且

顶部：12px

会将弹出窗口移动到底层？上？。然后，您可以放下

左-20px

，它也会自动居中

---

如果将

.faq>主体

更改为

位置：固定

，则会观察到240px的宽度，

顶部：12px

会将弹出窗口移动到底层？。然后，您可以放下

左-20px

，它也会自动居中

---

您需要将位置设置为绝对/相对/固定，以便z-index正常工作

您需要将位置设置为绝对/相对/固定，以便z-index正常工作

您的

。头部未指定任何位置，请将CSS更改为：

.faq:hover>.head { 
   position: relative;
   border-color:#cccccc; 
   border-bottom-color:#ff0000; 
   z-index:100;
}

z-index
需要将
位置
属性固定（
固定
，
绝对
，
相对
。但是不
静态
，这是默认值）
您的
头部
没有指定任何位置，请将CSS更改为：

.faq:hover>.head { 
   position: relative;
   border-color:#cccccc; 
   border-bottom-color:#ff0000; 
   z-index:100;
}

z-index
需要将
位置
属性固定（
固定
，
绝对
，
相对
。但是不
静态
，这是默认值）
是的，但这会将弹出窗口相对于窗口而不是相对于[？]符号定位，不是吗？是的，但这会使弹出窗口相对于窗口而不是相对于[？]符号定位，不是吗？谢谢，我不知道。谢谢，我不知道。@SACHIN:请看问题中链接的JSFIDLE。将鼠标悬停在[？]符号上方时，会弹出一个文本框。但是，这个框应该堆叠在包含[？]的div下面（下面已经解决了），并且它还应该尊重给定的最小宽度和最大宽度设置，而目前它没有这样做。@SACHIN：请查看问题中链接的JSFIDLE。将鼠标悬停在[？]符号上方时，会弹出一个文本框。但是，此框应堆叠在包含[？]的div下方（已在下面解决），并且它还应遵守给定的最小宽度和最大宽度设置，而当前它没有这样做。