CSS深入理解之float浮动_技术问答

首页免费课 CSS深入理解之float浮动问答

CSS深入理解之float浮动

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56801
免费课程
                                
CSS深入理解之padding
中级·52482
免费课程
                                
CSS深入理解之margin
中级·55944
免费课程
                                
CSS深入理解之z-index
中级·40882
免费课程
                                
CSS深入理解之relative
中级·47920
免费课程
                                
CSS深入理解之vertical-align
中级·39338
免费课程
                                
                难度初级
            
                时长50分
            
                学习人数
            
综合评分9.17
                            369人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.1
                                简洁易懂
                            
                                8.9
                                逻辑清晰

全部评论问答未解决精华

梅花k

说实话，这个张含韵的图有点感觉被后入的样子

3 6-1 Float与流体布局

2016-06-08

qq_疯狂的厮杀_03302475

5分钟的事可以讲一个钟头真实佩服，可以到桥底下去做说书人了

0 4-1 清除浮动

2016-06-07

林希小岸

有点搞笑，哈哈

0 2-1 float特性-包裹与破坏

2016-06-06

ahao430

IE11按F12，最后一个仿真选项

0 7-1 Float与兼容性

2016-06-02

ahao430

总之就是右边的文字不是直接在父容器内，而是上面还有一层，所以连文字带下面图片两个block环绕到右边了。应该是这个意思吧

2 6-2 浮动与两侧皆自适应的流体布局

2016-06-02

ahao430

因为float是Javascript的保留字,不能直接使用obj.style.float来使用,这样操作是无效的。其正确的使用方法是为:IE:obj.style.styleFloat,其他浏览器obj.style.cssFloat。

7 5-2 float浮动去空格

2016-06-02

ahao430

2是BFC，是清除浮动并隔绝起来，父元素高度正常。而1中最后添加div子元素清除浮动，只是清除了本身受到的影响，并且父元素高度不至于塌缩为0，而是塌陷到这个div元素上，不包括他的margin。

0 4-2 clear与margin重叠

2016-06-02

ahao430

找到一篇好文章：http://www.jb51.net/css/124333.html
基本上意思就是float的脱离文档流比较特殊。absolute是彻底脱离，float是脱离但是对布局有影响。float的位置会被其他元素占据，但是其他元素的内容会环绕排列。
大家可以试一下两个div，一个浮动了另一个会占据他的位置，但是在第二个div里输入内容，这些内容会环绕排列。

9 1-2 浮动的原本作用-文字环绕

2016-06-02

asuykda

@imp183 不想看就别看啊，找毛线存在感，你这个人有问题啊。你说你看了张老师的所有课程，不过看你的课程记录，截至2015-09-22，你也只是看了《CSS深入理解之line-height》的34%，还有《CSS深入理解之float浮动》的23%。年轻人啊，不要想着要弄个大新闻。

4 1-1 float的历史

2016-05-31

阳光下的空气

认为张大牛讲课不好的都是还没入门的前端小白，或者误入前端的歧途人

1 3-1 被误解的float浮动

2016-05-30

Marco233

内容矛盾了点，是高深的东西，就没必要用那么多比喻了。若是小白的东西用比喻到好。用各种比喻还拖长了课。就算是小白，比喻也太多了吧，这样子想理解容易混淆的。还有这幽默总有一种让人很气愤的感觉，我也不知道怎么回事。

2016-05-28

CCjie

本学生已卒

1 7-1 Float与兼容性

2016-05-24

CCjie

老师，你再很吊炸天的哦~一下我就忍不了了！！！

0 6-1 Float与流体布局

2016-05-24

CCjie

老师，太有喜感了，我要是个妹子就嫁给你了

0 6-1 Float与流体布局

2016-05-24

不再使用

ue7.8赶快死

0 7-1 Float与兼容性

2016-05-24

首页上一页 54 55 56 57 58 59 60 下一页尾页

开始学习

课程须知: 既适合学习过CSS基础知识的新手深入学习，也欢迎有经验的小伙伴加深了解噢！

老师告诉你能学到什么？: 通过追溯CSS/HTML发展历史，知道Float出现的原本作用是什么，从而可以帮助我们解答很多疑惑。

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS深入理解之float浮动