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

CSS深入理解之float浮动

张鑫旭 页面重构设计
查看讲师更多课程 张鑫旭讲师的其他课程
难度初级
时长50分
学习人数
综合评分9.17
369人评价 查看评价
9.5 内容实用
9.1 简洁易懂
8.9 逻辑清晰
全部 评论 问答 未解决 精华
易天01
我来总结一下：
1、图片右浮动并固定宽度，后面的div设置边距（边距大于浮动的宽度）
2、内容左浮动并设置宽度为100%，它将占满整行，图片浮动，此时它的位置在内容的下面(margin-left:0)单独一行，设置margin-left:-56px,此时图片将覆盖内容，覆盖的宽度就是56px
0 6-3 浮动与右侧尺寸固定的流体布局
2016-12-14
一切刚刚好
废话太多了
0
2016-12-12

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

最赞回答 / DD慕帆
这只是一点建议
1 回答 900 浏览 7-2 含clear的浮动元素包裹不正确的bug
2016-12-10
niebin
看的我尴尬 真的集中不了
2 6-1 Float与流体布局
2016-12-08
niebin
这个视频老师脑子被挤了吧
1 6-1 Float与流体布局
2016-12-08
只言片语_0
被全屏-收起按钮挡住了！
0 7-5 浮动与同一行的差异
2016-12-07

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

最新回答 / 走馬勿观花
我也挺纳闷的，去掉width也不影响兼容，不明意义是什么
2 回答 986 浏览 6-2 浮动与两侧皆自适应的流体布局
2016-12-06
再去西藏
哈哈哈，老师真逗。
0 6-1 Float与流体布局
2016-12-06
ringcrl
张老师的造诣那么深，真搞不懂前端新手哪来的骄傲的资本
4 1-1 float的历史
2016-12-05

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

最新回答 / 慕粉4131441
*{margin:0;padding:0;box-sizing: border-box;}加上这个试试
2 回答 994 浏览 6-1 Float与流体布局
2016-12-04
想回到过去ling
够猥琐!够刺激,讲的倍儿有意思!
1 3-1 被误解的float浮动
2016-12-04
kirewale
老师讲的课一开始的确听的有点尴尬，不过习惯了就好了。
0 1-1 float的历史
2016-12-04

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

最新回答 / 我喜欢李小流氓_Z521Q
div标签的height设置为0就好
4 回答 3315 浏览 4-1 清除浮动
2016-12-02
浅尝辄止123
老师画风怎么了 找不找得到媳妇儿又怎么了 课讲的好就够了 虽是免费的资源 但老师讲的很用心 他的课堂一点儿也不枯燥
2 2-1 float特性-包裹与破坏
2016-12-02
慕前端8664132
我喜欢哈哈
0 3-1 被误解的float浮动
2016-12-01
野生前端菜鸟
幽默搞笑，深入浅出，大神啊！
1 7-2 含clear的浮动元素包裹不正确的bug
2016-12-01
首页上一页35363738394041下一页尾页
开始学习
课程须知
既适合学习过CSS基础知识的新手深入学习，也欢迎有经验的小伙伴加深了解噢！
老师告诉你能学到什么？
通过追溯CSS/HTML发展历史，知道Float出现的原本作用是什么，从而可以帮助我们解答很多疑惑。

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消