为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 CSS深入理解之float浮动 问答

CSS深入理解之float浮动

张鑫旭 页面重构设计
查看讲师更多课程 张鑫旭讲师的其他课程
难度初级
时长50分
学习人数
综合评分9.17
369人评价 查看评价
9.5 内容实用
9.1 简洁易懂
8.9 逻辑清晰
全部 评论 问答 未解决 精华

BFC是什么？是怎么设置的？

最新回答 / 慕尘roz
zoom:1能够触发haslayout特性，用于兼容IE6/7的清除浮动。但绝大多数现代浏览器不兼容。以下是老师课程中关于清除浮动的总结，希望对你有帮助：清除浮动的两种基本方法：1、在高度塌陷的父元素底部插入具有clear:both声明的元素，比如在html中插入一个多余的块级元素div，或者插入不兼容IE6/7的CSS伪元素after。这种方法与外界有接触，可能导致顶部margin重叠。2、触发BFC/haslayout这两种特性。与外界隔绝，没有margin重叠问题。BFC，Block formatt...
1 回答 2580 浏览 7-5 浮动与同一行的差异
2017-01-23

左边div左浮动，右边div设置display：table-cell，为什么会实现只能布局？

最新回答 / qq_轻抚邂逅_0
右侧display:table-cell,等同于display:inline-block,是一个意义，可以去查下~
1 回答 1727 浏览 6-2 浮动与两侧皆自适应的流体布局
2017-01-14

float 导致 浮动元素脱离了原来文档流，好像漂浮在上面一样，你浮动的只是button， &nbsp 空格 实体字符 并没有float，所以看不到空格了！

最赞回答 / 风之流动
这是什么鬼。。。
1 回答 1295 浏览 5-1 float浮动的滥用
2017-01-13

每段自动空一行怎么实现的

+ 我来回答 回答最高可+2积分
2 回答 2099 浏览 1-2 浮动的原本作用-文字环绕
2017-01-05

float和margin

最赞回答 / weixin_慕标1565747
clear：both是加在父元素内容的底部，你这里都没有父元素，清除哪个的高度塌陷？
6 回答 1094 浏览 4-2 clear与margin重叠
2017-01-05

.clearfix应用在包含浮动子元素的父级元素上，这好像不对啊

最新回答 / charsandrew
请看下具体的css代码.clearfix:after{}是表示在.clearfix元素的内容后添加内容，你的疑惑是源于对于:after{}选择器的不理解导致的。
2 回答 1385 浏览 4-1 清除浮动
2017-01-05

每次都是把玩就好，浅一点的还能把玩，深一点的希望多一点注释呀，不然把玩不了

最赞回答 / DD慕帆
这只是一点建议
1 回答 977 浏览 7-2 含clear的浮动元素包裹不正确的bug
2016-12-10

似乎这个width不指定宽度也没什么问题。

最新回答 / 走馬勿观花
我也挺纳闷的，去掉width也不影响兼容，不明意义是什么
2 回答 1066 浏览 6-2 浮动与两侧皆自适应的流体布局
2016-12-06

哪位大牛能帮忙看一下，为什么不能给one和two这两个加边框？？？一加边框就失效！！！

最新回答 / 慕粉4131441
*{margin:0;padding:0;box-sizing: border-box;}加上这个试试
2 回答 1123 浏览 6-1 Float与流体布局
2016-12-04

一个div下放一个图片，图片加浮动右边。div下的文字也没反应呀 怎么回事？

最新回答 / 我喜欢李小流氓_Z521Q
div标签的height设置为0就好
4 回答 3426 浏览 4-1 清除浮动
2016-12-02

不用浮动去做砖头布局，那用什么去写这种布局

最新回答 / javdroider
这仨种布局有很多实现方法，但是常用的还是float方法去实现这三种布局吧
2 回答 1147 浏览 5-1 float浮动的滥用
2016-10-30

老师 能让哪个女同学 露个脸吗？

最新回答 / 摘星星的人1
<...图片...>那个女同学
2 回答 1172 浏览 1-1 float的历史
2016-10-26

在按钮1~4后添加文字后，为什么trigger按钮上方出现了空格

最赞回答 / 我不是管家
那不是间距 是 由于 文符带来的基线冗余，其实就是行高，解决办法就是fong-size:0或者line-height：0；
2 回答 1445 浏览 5-2 float浮动去空格
2016-10-22

想知道这个变换浏览器来测试效果的软件叫啥？

最新回答 / 吉夫
可能是楼上说的ie11，按F12调出开发者工具，在仿真那里找
4 回答 1318 浏览 6-1 Float与流体布局
2016-09-27

求教，if条件句？

最新回答 / 自_由
意思是存在这几个元素就执行下面操作。
2 回答 1111 浏览 5-3 浮动与display:block化
2016-09-13
首页上一页1234567下一页尾页
开始学习
课程须知
既适合学习过CSS基础知识的新手深入学习，也欢迎有经验的小伙伴加深了解噢！
老师告诉你能学到什么？
通过追溯CSS/HTML发展历史，知道Float出现的原本作用是什么，从而可以帮助我们解答很多疑惑。

微信扫码，参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消