javascript - 学习Bootstrap过程中关于清除浮动 .clearfix 的问题

 Yang家联1 发布于 2022-11-11 17:39

.col-xs-6 .col-sm-3

.col-xs-6 .col-sm-3

.col-xs-6 .col-sm-3

.col-xs-6 .col-sm-3

这段代码在chrome浏览器上用开发者工具查看

的情况时, 发现这一块有宽有高, 这是为什么呢?这一块不是应该宽和高都是0吗?

1 个回答
  • visible-xs-block决定了,当窗口大小小于768px时,p由none变成block。

    而clearfix给p添加了一个“ ”空格的内容,相当于一个字符,再根据font-size和line-height决定了高度为20px。

    另外,即便没有任何字符,一个block的宽度除非设置过,不然不会为0的。

    2022-11-12 01:49 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有