我爱china 2021-07-21 20:39 采纳率: 42.9%
浏览 180

用div布局且浮动,为什么有一行左边为空白

img
我试了很久,只有那一行有问题,其他行都是正常的。

<div class="jiazai"><input type="text" placeholder="请输入加载几个"><button class="jiazai-btn">点击加载</button></div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title"> LOL英雄页面</h3>
        </div>
        <div class="panel-body">
            <div class="row  clear">
                <div class="col-sm-6 col-md-4 " index=0 id="main">
                    <div class="thumbnail">
                        <img src="images/1480473717181.png" alt="...">
                        <div class="caption">
                            <h3>卡密尔</h3>
                            <p><a href="#" class="btn btn-primary" role="button">购买</a> <button class="btn btn-default" role="button">详情</button></p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>


var index = 1;
    $('.jiazai-btn').on("click", function() {
        var xhr = new XMLHttpRequest();
        xhr.open("get", "lol.php");
        var length = $('.jiazai-btn').siblings("input").val();
        length = parseInt(length) + index;
        xhr.onload = function() {
            for (var i = index; i < length; i++) {
                var c = $('#main').first().clone();
                $(c).attr("index", i);
                $('.row').append(c);
                $(c).find("img").prop("src", JSON.parse(xhr.responseText)[i].champion_icon);
                $(c).find("h3").html(JSON.parse(xhr.responseText)[i].champion_name);
            }
            index = length;
        };
        xhr.send(null);
    })
  • 写回答

3条回答 默认 最新

  • wanmeikakaxi 2021-07-21 21:11
    关注

    猜测这段占了位置

    <div class="jiazai"><input type="text" placeholder="请输入加载几个"><button class="jiazai-btn">点击加载</button></div>
    
    

    如果你这段没有设置浮动,可能占了左边位置,不过你最好把css样式也贴上来,不然无法调试。
    要不你可以自己调试,打开浏览器F12,审查一下元素,哪个DIV占了位置导致错位。

    评论

报告相同问题?

问题事件

  • 创建了问题 7月21日

悬赏问题

  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿