我需要在屏幕上创建一个交互区域，点击区域大于交互元素。但是，我不希望点击区域影响 DOM 布局。
This jsfiddle展示了我的追求。 DOM 检查器显示 #hitArea 在 #content 上方和下方延伸，但它不是交互式的，因为它被其父元素 #container 剪裁，使用溢出:隐藏。
最佳答案
我在写这个问题的时候弄明白了，所以我在这里记录下来。
overflow:hidden 剪切了交互区域(又名“点击区域”)以及可见区域，因此它违背了这里的目的。注释掉 overflow:hidden 并在 #hitArea 上设置 background-color: none 允许命中区域超出元素的可见边界( #content).
在我的例子中，我需要剪辑内容，所以我可以将 overflow:hidden 应用于 #content，并将我的内容附加为 中的 div #内容。
关于javascript - 如何增加div的点击面积？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12991894/