css float的问题? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

css float的问题?

盒子被卡起了是什么原因呢,以前记得见过这样的问题,但是现在想不起来了,请问该怎么做啊?

<div class="catBox clearfix">
    <div class="catBoxItem ">
        <a href="http://m.example.com//">职业选择</a>
    </div>
    <div class="catBoxItem ">
        <a href="http://m.example.com//">JavaScript教程</a>
    </div>
    <div class="catBoxItem ">
        <a href="http://m.example.com//">MySQL教程</a>
    </div>
    <div class="catBoxItem ">
        <a href="http://m.example.com//">Linux教程</a>
    </div>
    <div class="catBoxItem ">
        <a href="http://m.example.com//">Python教程</a>
    </div>
    <div class="catBoxItem ">
        <a href="http://m.example.com//">HTML|CSS教程</a>
    </div>
</div>
.catBox{
    width: 100%;
}
.catBoxItem{
    width: 49%;
    float: left;
    border: none;
    padding: 0;
    margin: 5px 0 0 0;
}
.clearfix:after,.clearfix:before{
    content: '';
    display: block;
    clear: both;
}

展开
收起
杨冬芳 2016-06-07 13:47:31 1709 0
1 条回答
写回答
取消 提交回答
  • 西秦说云
    码农|Coder| Pythonista

    可能是.catBoxItem的高度不一致导致左浮动时被挡住了

    2019-07-17 19:29:53
    赞同 展开评论 打赏
问答标签:
相关产品:
问答排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载