KENDO ui menU IE9问题

Question

我在asp.net mvc网站上使用KEndo UI，菜单在除了IE9.0之外的所有浏览器中都工作得很好。我使用的是float: right，但当我在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>