Question

我想在我的页面上放置有关鼠标悬停事件的元素。这已经很好了，但是当元素太靠近它们包含div的边缘时，扩展部分的部分不可见（或显示在容器外部）。

如何计算将扩展元素完全放在div中的校正位置？扩展元素可以具有任意大小，周围的div也可以。

Answer 1

如果此代码是静态的，您只需使用CSS手动设置包含和包含div的宽度即可。但是，如果包含div的大小根据内容而变化，您可能希望使用javascript（我喜欢jQuery）来获取包含div的宽度，并将该值用作包含div的最终扩展点。

$('.contained_element').css("width", $('.container_element').width());

jQuery会将包含元素的宽度设置为包含元素的宽度。 jQuery的$(element).width();可用于获取任何元素的宽度，并在代码中的其他位置使用该值。