CSS 清除浮动 伪类
2024-08-28 01:16:06
参考链接:https://www.cnblogs.com/yingsu/p/7261904.html
不清楚浮动的结果和影响不再描述,清除浮动的代码别处也有很多,每种方法都有十分简洁的代码,我今天学到的是有伪类来清除浮动。他的原理简单来说就是再已经浮动的元素后面添加一个什么也没有的元素,以此来消除子元素因为浮动而让父元素塌陷的一种解决办法。
代码:
.clearfix:after{#在需要清除浮动的父元素中添加这个clearfix类。
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; }
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
最新文章
- javaScript生成二维码(支持中文,生成logo)
- 关于web软件信息安全问题防护资料的整理 (一)
- Stl源码剖析 第三章 iterator摘要
- css001 Css需要的html
- angular 和jq 的AJAX的请求区别
- Linux 命令 - wget: 非交互式网络下载器
- (转载)delphi 中如何调用sql 存储过程
- 【转】 UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout
- SGU 223.Little Kings
- CAPSPageMenu分页交互
- std::function 测试
- AngularJS $compile动态生成html
- [转载]innodb 的预读
- OGG的孩子-有损音频编码opus
- 好用的Google漏洞爬虫:Google Mass Explorer
- SPFA+SLF+LLL
- poj 3687 Labeling Balls(拓补排序)
- Unix/Linux进程间通信
- 【MySQL】-NO.21.MySQL.1.MySQL.1.001-【Install MySQL5.7 On Windows】
- RHEL7 MariaDB测试