展开现成的屏幕问题

Question

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

我该如何计算修正后的位置，将彻底把扩大元素在div内？扩展元素可以具有任意大小，周围div也可以。

Answer 1

如果此代码是静态的，你可以简单的手动设置与CSS手动包含与包含DIV的宽度。然而，如果包含div的大小是基于内容的变量，您可能想使用javascript（我喜欢jQuery）来获取包含div的宽度，并将该值用作包含的div的最终展开点。

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

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