对clear float 的理解

之前自己对于清除浮动的用法比较模糊，如果用到的话，一般都是采用简单粗暴的方式解决，就是直接用overflow：hidden，但是越用久就会发现其实有BUG，这个BUG正是overflow：hidden带来的，因为细究overflow：hidden还有一个默认效果是溢出隐藏.,如果要在子元素里再添一个div，div往下移动的话，超过了子元素的高度就会做溢出隐藏处理，所以效果不佳，所以后来自学了另一种清除浮动的方法，就是伪类.clearFix:after{content:'.';height:0;clear:both;visibility:hidden;display:block;}。这种方法比较OK的，之前的BUG不会出现，只是在做网页的时候，一定要记住一点，就是伪类的兼容性问题，ie6是不支持主要的写法的，所以加.clearFix{*zoom:1;}.只是自己的一些理解！与君共勉！

转载于:https://www.cnblogs.com/zhangyy520/p/6341289.html

对clear float 的理解相关推荐

转载--css clear .float
经验分享:CSS浮动(float,clear)通俗讲解很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程. 前些天小菜终于搞懂了浮动的基本原理,迫不 ...
html clear属性值,clear属性有哪些属性值 CSS clear属性的理解.
CSS clear是什么属性... 语法: clear : none | left |right | both 参数: none : 允许两边都可以有浮动对象 both : 不允许有浮动对象 left ...
前端——CSS：浅谈对float的理解
我之前仿做百度首页,将整个页面整体布局完并写好之后,发现我的网页中的部分块会随着网页大小的变化而移位.我尝试了很多方法,调完之后,还是发现有一个块始终没有办法乖乖到我预想的位置.如下所示: div_f ...
clear:both的理解
在CSS中我们会经常要用到"清除浮动"Clear,比较典型的就是clear:both; CSS手册上是这样说明的:该属性的值指出了不允许有浮动对象的边.这个属性是用来控制float ...
int与float深入理解
别在int与float上栽跟头 int与float是我们每天编程都用的两种类型,但是我们真的足够了解它们吗.昨天在博客园看到一个比较老的笑话: "昨天晚上下班回家,一民警迎面巡逻而来.突然对 ...
CSS demo:flaot amp; clear float
1,首先,我们布局主要的div块: 例如以下代码所看到的,我们在body里面写3几个基本div块,然后设置一些基本属性: 效果图: 2,增加基本浮动如今我们想让红色div放到绿色div右边,我们在两 ...
float浮点数理解
(Owed by: 春夜喜雨 http://blog.csdn.net/chunyexiyu) 总述随着对float数据格式的进一步认识,对float的看法又有了一些变化,特记录一下: 当前,在c/ ...
深度css:关于浮动(float,clear)的图形化理解
接触CSS以来,有人说浮动始终给人一种神秘的感觉,正因为有了它的一成不变的table布局开始了渐渐被div+css取代,它是控制传说中文本流核心和关键要素,懂得控制"块"的流动和布 ...
经验分享：CSS浮动(float,clear)通俗讲解
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程. 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家. 写在前面的话: 由于CSS内容比较多 ...

对clear float 的理解

对clear float 的理解相关推荐

最新文章

热门文章