KENDO ui menU IE9问题

Question

我在asp.net mvc网站上使用了KEndo UI，菜单在IE 9.0以外的所有浏览器中都运行良好。我正在使用float：右边但是当我在IE 9上打开页面并将鼠标移到菜单上时它会从右向左移动

但它应该是这样的

Mt CSS

 .float-right-menu {

    float: right;
}

Answer 1

对于那些类型的问题，您可能需要某种css重置

Answer 2

欢迎来到IE :(如果我没记错的话，IE9有一个奇怪的渲染错误，如果你的浮动元素没有在CSS中指定的宽度，那么它决定使其100％宽度（就像一个非浮动的div将会）。 我想修复它你必须在CSS中给它一个宽度。不幸的是，除非您知道菜单的实际宽度，否则很难做到。但是，尝试将其设置为“width：300px;”只是为了看看它是否解决了这个问题。

Answer 3

你可以使用类似的东西

<script type="text/javascript">
    function SetMenuWidth()
    {
        var menu = $('#MenuName');
        menu.width(menu.width());
    }

    $(document).ready(function () {
        SetMenuWidth();
    });
</script>