0

如果您在 google chrome 中打开以下 URL，您会看到问题，第一次加载时没问题，但如果您不断刷新顶部 3 个项目（Bedingungen、Preise 和 So geht's）的宽度，则会崩溃。在 Firefox 中它没问题，但我不知道为什么它在 chrome 中这样做，任何人都知道它为什么会发生或有解决方案吗？谢谢！

文本是用 Ajax/json 加载的，它们是内联的，因为我希望它们是文本的宽度。我不想设置固定宽度。

http://alexanderlloyd.info/test/

代码 

CSS:

#game-nav li a {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border: 1px solid rgb(217, 195, 169);
    color: rgb(34, 34, 34);
    display: inline-block;
    padding: 8px 12px 8px 8px;
    text-decoration: none;
    text-transform: uppercase;
}

    JavaScript:

        $(document).ready(function() {
        var data;
        function loadContent(){ 
            $.ajax({
                url: "json/content.json",
                data: "nocache=" + Math.random(),
                type: "GET",
                contentType: "application/json",
                dataType: "json",
                success: function(source){
                    data = source;
                    showInfo();
                },
                error: function(data){
                    alert("Failed to load content");
                }
            }); 

        }

        loadContent();
            function showInfo(){
                $(".text").html(data[lang]['startpage']['text']);
        }
       showInfo();
        });
4

1 回答 1

0

问题在于您的 li.game-nav 的 float:left 属性，因为它动态更新它无法正确调整尝试从列表中删除 float:left 并将其添加到其 div 容器

于 2013-03-27T18:38:11.207 回答