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

CSS深入理解之float浮动

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

左浮动，不改变DOM位置的流体布局写法，核心代码是

左侧div: width: 100%; float: left;
右侧div: width: 56px; float: left; margin-left: -56px; <--- 此处的 margin-left，等于右侧 div 自身的宽度 width: 56px

此为固定写法，除此之外的其他代码都只是起美化之用
19 6-3 浮动与右侧尺寸固定的流体布局
2016-07-29
Nehpets
23333333333 好一个牛逼sp，瞬间记住了空格的写法
1 5-1 float浮动的滥用
2016-07-29
精慕门8611369
我觉得真心不错，别TM喷了，鼓励老师处新作
0 5-1 float浮动的滥用
2016-07-27
cookieee
张老师就是漫画看多了，其实人蛮牛的~静下心认真看他的知识点，其实很深入的，他只是给大家点拨一下，并没有像其他老师那样挨着讲解，细细咀嚼后颁给学生，张老师还留了很多演示的DEMO让学生自己去学习。只是一种全新的方式而已，喜欢思考的人应该会受益匪浅
3 2-1 float特性-包裹与破坏
2016-07-27
Rosevil1874
哈哈，被老师圈粉了，好可爱
1 1-1 float的历史
2016-07-26
慕粉3692408
我艹 老师你好浮夸
0 1-1 float的历史
2016-07-23
围巢
废话真多！
0 5-1 float浮动的滥用
2016-07-23
Joy_Strong
教主不要被那些杂音干扰，教主很有特色，然后再次感谢分享。至于那些发对意见，大家画风不一样，怎么做朋友。教主加油。
4 1-1 float的历史
2016-07-22
囨囦3673939
例2的实际效果和给例1的父div加个 padding:1px 的效果是一样的（干掉了父子margin重叠）。
0 4-2 clear与margin重叠
2016-07-21
爱上鲨鱼的女孩
老师讲的很happy
0 1-1 float的历史
2016-07-19
火星上的鱼
例子的JS代码看得明白，要独立全写出来还得继续学习。
2 5-3 浮动与display:block化
2016-07-18
火星上的鱼
原来大神的声音是这样的···还是博客更带感啊····
0 1-1 float的历史
2016-07-18
二蠢神兽暮夜曦
之前是通过您的博客知道您的，有幸在这里又看到了您的课程。感谢您的分享。
1 1-1 float的历史
2016-07-17
慕移动0398950
老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了老师疯了
0 1-1 float的历史
2016-07-17
qq_麦拉风_0
我觉得讲的特别好！
1 1-1 float的历史
2016-07-17
首页上一页49505152535455下一页尾页
开始学习
课程须知
既适合学习过CSS基础知识的新手深入学习，也欢迎有经验的小伙伴加深了解噢！
老师告诉你能学到什么？
通过追溯CSS/HTML发展历史，知道Float出现的原本作用是什么，从而可以帮助我们解答很多疑惑。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消