Javascript 带位置的子div:absolute不作为嵌套子级

我正在研究React中的一些东西，我有这样的东西：

 <div style={{position: 'relative'}}>
   <input />
   <div style={{position: 'absolute'}}>
   </div>
 </div>

---

子div必须是绝对的，以便与父div重叠。我唯一的问题是，当父div失去焦点时，我希望onBlur触发，但由于我的子div具有位置：“绝对”并且基本上在父div上方“浮动”，因此当父div失去焦点时，它没有焦点

“子div必须是绝对的，以便与父div重叠“，为什么它必须是绝对的？@DennisVash这段代码是更大结构的一部分。我需要它是绝对的，以便与其他内容重叠。您能给我们提供更完整的代码，或者一个工作的代码笔或JSFIDLE吗？这可能是你在实际的onBlur事件中可以做的事情。你不能那样做。如果包含的父项具有position:relative，则任何绝对定位的子项都将相对于该父项绝对定位。使用position:relative在div外部渲染该div。