嵌套列表 <li> 在 IE9+ 中扩展并重新定位到父级外部

Question

我遇到了一个问题，下拉菜单的子菜单正在展开并重新定位以超出父菜单的范围。关注的元素是菜单项"BEHANDLINGAR"在IE9+中的下拉列表。

请注意，我是一名初级开发人员；从我的代码中可以看出这一点。我不想阻止一般性建议，因为我确实需要它，但请首先关注手头的问题。

站点是：www.skinwellnessofsweden.com/hudvard.html

Answer 1

这个问题是因为 ul 风格。该样式总体上应用了所有 ul 元素。您必须仅将其应用于特定的子列表，如下所示。

ul.clearfix {
    padding-left: calc(50% - 480px);
}

希望这能解决问题。