使用:after清除浮动
作者：Ghost 来源：CSS森林 发布时间：2008-10-30 12:10:00
标签：after,浮动,css
特点：不需要另外加个清除DIV
:after（伪对象）--设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所以并不影响到IE/WIN浏览器。
.wrapfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
设display:block;应用到:after元素，因为display的默认值是"inline", 不能收到clear的特性，同时将清除容器的高度设为零，height: 0；，可见度为隐藏。
加上下面的CSS样式
.wrapfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix {height: 1％;}
.wrapfix {display: block;}
/* End hide from IE-mac */
就可以适用任何浏览器了。
content:"." ;
的意思仅仅是给添加一个点“.”的内容进去，具体的值和产生的效果是没有关系的。
因为height已经设为0，而且visibility: hidden。
这里是为了简单和节省字符，才用了"."。
0
投稿猜你喜欢
- 摘要: 三次握手，四次挥手意思是tcp建立连接时需要三次交互来完成，A发起连接A --- SYN --> BA
- 本文实例讲述了Python日期时间Time模块。分享给大家供大家参考，具体如下：关于时间和日期模块python程序能用很多方式处理日期和时间
1. 引言山脊图一般由垂直堆叠的折线图组成，这些折线图中的折线区域间彼此重叠，此外它们还共享相同的x轴.山脊图经常以一种相对不常见且非常适合- 通过结构体生成jsonbuf, err := json.MarshalIndent(s, "", " &quo
- 本文实例讲述了C#实现按数据库邮件列表发送邮件的方法。分享给大家供大家参考。具体实现方法如下：using System;using Syst
- 本文实例讲述了Python模拟简单电梯调度算法。分享给大家供大家参考，具体如下：经常在公司坐电梯，由于楼层较高，是双联装的电梯，但是经常等电
- 异步操作数据的方式有两种常见的方式：XMLHttpRequest 和 iframe. 孰优孰劣在此我们不争论，只是想举一个例子说明在获取网片
- 说到装饰器，就不得不说python自带的三个装饰器：1、@property 将某函数，做为属性使用@property 修饰，就是将方法，变成
- Linux下MySQL整个数据库的备份与还原[root]# /usr/bin/mysqldump -h127.0.0.1 -uusernam
- 前言第一次尝试用Pyinstaller打包Pytorch，碰见了很多问题，耗费了许多时间！想把这个过程中碰到的问题与解决方法记录一下，方便后
- 1.requiremwnts：Django版本：2.2python版本：3.6djangorestframework版本：3.1django
- 简介单例模式是创建型对象的一种，用于如何优雅的创建对象。让一个类最多产生一个对象。场景只需要一个对象就能解决并且要使用多次的场景，比如框架的
- 相信用过thinkphp的用户都知道thinkphp的模型可以完成很多辅助功能，比如自动验证、自动完成等，今天在开发中遇到自动完成中需要获取
- 一、说明早上看到Python使用pickle进行序列化和反序列化，然后发现面临的一个获取不到返回值的框架，似乎可以通过在框架中先序列化，然后
- 什么是typescripttypescript 为 javaScript的超集，这意味着它支持所有都JavaScript都语法。它很像Jav
- 本文实例讲述了php打印输出棋盘的两种实现方法。分享给大家供大家参考。具体实现方法如下：例子1,代码如下:<?php /** &nbs
- 本文实例讲述了Python3中正则模块re.compile、re.match及re.search函数用法。分享给大家供大家参考，具体如下：r
- 1、前言接上节，我们初步体验了layui-vue的用法。相比其他ui框架，layui-vue的数据结构显得不是非常友好，但是经过数据拼凑也是
- TensorFlow是一款优秀的深度学习框架，支持多种常见的操作系统，例如Windows10，Mac Os等等，同时也支持运行在NVIDIA
- 1、事件冒泡：在javascript事件传播过程中，当事件在一个元素上出发之后，事件会逐级传播给先辈元素，直到document为止，有的浏览
