清楚浮动四种常用方法

清楚浮动是为了解决子元素浮动后父元素高度塌陷问题，清楚浮动后，父元素的高度就会恢复在页面原有的高度，而非0

空标签
在浮动元素的末尾加一个空的标签

.clear{clear:both
}

overflow:hidden
给父标签加 overflow:hidden 属性
通过触发BFC方式，实现清除浮动
伪元素
使用after伪元素清除浮动

.clear:after{content:'';height:0；display:block;clear:both;visibility:hidden;
}
.clear{zoom:1 /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

使用before和after双伪元素清除浮动

.clear:before,.clear:after{content:'';display:table
}
.clear:after{clear:both
}
.clear{zoom:1
}

清楚浮动四种常用方法相关推荐

Java更新XML的四种常用方法简介
http://bbs.chinaunix.net/forum.php?mod=viewthread&tid=393702 本文简要的讨论了Java语言编程中更新XML文档的四种常用方法,并且分 ...
ios 固件更新四种常用方法
iOS设备固件更新一般有四种常用方法,分别是iPhone上直接升级固件.iTunes恢复固件.iTunes更新固件.进入DFU模式更新固件,这四种方法各有各的好处和坏处,下面小编就此一一说明. 注意: ...
【算法】计算组合数的四种常用方法
[算法]计算组合数的四种常用方法算法一:Cab=Ca−1b−1+Ca−1bC_{a}^{b}=C_{a-1}^{b-1}+C_{a-1}^{b}Cab=Ca−1b−1+Ca−1b 解析: Ca ...
java alertdialog_Android 对话框组件 AlertDialog 四种常用方法
本文原创首发CSDN,链接https://blog.csdn.net/qq_41464123/article/details/106618845,作者博客https://blog.csdn.net/q ...
CSS清除浮动的四种常用方法及其优缺点
前言什么是CSS清除浮动? 在非IE浏览器下,当容器的高度为auto(没有设置),且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度 ...
BFC以及清除浮动四种方式
什么是BFC 先了解常见的三种定位方案: bfc是普通流: 可以将bfc看作是一个属性 2.如何触发bfc 1．根元素() 2．浮动元素(元素的float不是none) 3.绝对定位元素(元素的pos ...
html .map遍历,Map遍历四种常用方法
Map常用四种遍历方式一: Map map = new HashMap(); for(String key:map.keySet()){ System.out.println("key=& ...
REST API认证的四种常用方法
[51CTO.com快译]众所周知,在不同系统的不同应用场景中,开发人员经常会用到截然不同的专有认证方法.本文将向您介绍在REST API和微服务领域中常用的四个认证方法. 身份验证与授权的概念在深 ...
Python基础教程：列表的四种常用方法
1.append 前面说过列表是一种内容可改变的对象. append方法就会改变列表的内容,在后面添加一个元素比如输出: 如果我们不是要在后面添加一个元素, 而是在指定位置插入一个元素, ...

清楚浮动四种常用方法

清楚浮动是为了解决子元素浮动后父元素高度塌陷问题，清楚浮动后，父元素的高度就会恢复在页面原有的高度，而非0

清楚浮动四种常用方法相关推荐

最新文章

热门文章