overflow:hidden|auto|scroll
.clearfix:after {
content:"";display:block;height:0;clear:both;visibility:hidden;
}
.clearfix {
*zoom:1; /*IE6 7专有*/
}
.clearfix:before,.clearfix:after {
content:””;
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}
| 清除浮动的方式 | 优点 | 缺点 |
|---|---|---|
| 额外标签法 | 通俗易懂，书写方便 | 添加许多无意义的标签，结构化较差。 |
| 父级overflow:hidden; | 书写简单 | 溢出隐藏 |
| 父级after伪元素 | 结构语义化正确 | 由于IE6-7不支持:after，兼容性问题 |
| 父级双伪元素 | 结构语义化正确 | 由于IE6-7不支持:after，兼容性问题 |
为什么要清除浮动呢？清除浮动的本质是什么？ 清除浮动主要是为了解决父级元素因为子级浮动引起的内部高度为0的问题。 清除浮动的几种方法： 1. 额外标签法：给谁清除
CSS浮动是现在网页布局中使用最频繁的效果之一,而浮动可以帮我们解决很多问题,那么就让我们一起来看一看如何使用浮动. 一.css浮动(float) (1)html文档
背景 有两个div父盒子, 内部子元素是浮动的: ![在这里插入图片描述][20210630155622902.png] <!DOCTYPE html>
1.浮动元素下加空div 为了统一样式，我们新建一个样式选择器class命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“</div>”
[css浮动(float)及清除浮动的几种实用方法][css_float] CSS浮动是现在网页布局中使用最频繁的效果之一,而浮动可以帮我们解决很多问题,那么就让我们一起
浮动产生负作用 1.背景颜色不能使用 子元素float ，如果父元素设置了background，而父级不能被撑开，所以导致背景颜色不能显示 2.边框不能撑开 如果父
css浮动清除的几种方式 1.在父级div中定义伪类 此方法的优点适用于大多数浏览器，对于初学者首先理解起来有些困难，通常使用这种方法时需要见一个公共的类来清除浮动
标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。 浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，
偏执的太偏执、
柔情只为你懂
迷南。
小鱼儿
还没有评论，来说两句吧...