简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

简述CSS中clearfix 的原理

php中世界最好的语言
Lepaskan： 2018-03-08 16:10:03
asal
2478 orang telah melayarinya

这次给大家带来简述CSS中clearfix 的原理，使用CSS中clearfix的注意事项有哪些，下面就是实战案例，一起来看一下。

Demo
Demo中的CSS中用到这样一个样式:

.clearfix:after{  content: '';  display: block;  clear: both;
Salin selepas log masuk

该样式通过::after选择器在选择元素之后插入content: ''单引号中的内容，该内容不可被选定，例子中中插入内容为空。对这个空元素添加clear:both，使其清除浮动。相当于在内容末尾添加一个空的div，然后清除浮动。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

CSS的选择器有哪些常见问题

CSS常见样式

深入分析JS函数

怎样用CSS3制作登录框

Atas ialah kandungan terperinci 简述CSS中clearfix 的原理. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css
sumber：php.cn
Artikel sebelumnya：CSS的选择器有哪些常见问题 Artikel seterusnya：HTML里的常见问题一
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bar navigasi penjajaran tengah Hai, saya cuba menyediakan bar navigasi di bahagian tengah di bahagian atas halaman. Saya ...
daripada 2024-04-02 09:56:33
0
2
306
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！