.clear 万能清除浮动

Wesley13 等级 156 0 0
html body div.clear,
html body span.clear
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

还有一种是

.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}

这个是优化版的清除浮动的样式,很值得推荐。

使用方法:通过在页面中添加

来清除页面中的浮动。

收藏
评论区

相关推荐

Java8中的LocalDateTime工具类
<div id="content\_views" class="markdown\_views"> <!-- flowchart 箭头图标 勿删 --> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,
Java中StringBuilder的清空方法比较
转自:_[http://blog.csdn.net/roserose0002/article/details/6972391](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fblog.csdn.net%2Froserose0002%2Farticle%2Fdetails%2F6972391)
MATLAB
%PID Controller clear all; close all; ts=0.001; %采样时间=0.001s  sys=tf(5.235e005,[1,87.35,1.047e004,0]); %建立被控对象传递函数 dsys=c2d(sys,ts,'z');
java反射, 不看你可别后悔
<div id="content\_views" class="markdown\_views"> <!-- flowchart 箭头图标 勿删 --> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,
.clear 万能清除浮动
html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none;
Unity3D之Camera
![](https://oscimg.oschina.net/oscnet/18e68d9a6d058232e43bc4e1a3f088dacd3.png) 摄像机的属性值:   0.Clear Flags 清除标识:决定屏幕的空白部分如何处理     .Skybox天空盒:空白部分显示背景颜色     .Depth Only仅深度:画中画效果时,小
3.1Linux目录及文件管理
bash特性之命令别名和命令引用: 命令别名:命令的另外一个名字 windows中清屏使用 cls Linux下的清屏命令为clear     alias:用来定义命令别名的     alias 不跟选项和参数时,显示系统上所有的命令别名     alias ALIAS=COMMAND NAME        alias -
unigui+fastreport 打印【4】
1、建立一个uniForm,用于建立FastReport打印界面。在Form上增加uniFrame。和传统的的报表打印设计一样一样的。 2、在beofeShow事情中: procedure TUniFrm_Report.UniFormBeforeShow(Sender: TObject); var rptFileName,ur
CentOS7开启docker远程访问
<div id="content\_views" class="markdown\_views prism-dracula"> <!-- flowchart 箭头图标 勿删 --> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="rou
Hibernate – Dynamic
 What is dynamic-insert **The dynamic-insert attribute tells Hibernate whether to include null properties in the SQL INSERT statement.** Let explore some examples to understand mo
MATLAB 制作gif动画
1、已有一系列时序图片的基础上,可借助matlab制作gif图片,虽然比不上专业绘图制作的精良,好在比较方便。 2、假定时序图片的命名为:dens000000.tiff,dens000500,dens0010000,…… 3、效果展示 ![](https://oscimg.oschina.net/oscnet/60f02d50ada3717399c1b
NC测试网站端口状态脚本
前提条件: apt-get install netcat-openbsd 方法一: vi multiping.sh 添加如下内容: #!/bin/bash while :; do for i in '192.168.1.1 80' 'www.baidu.com 443' '192.168.2.50 770' 'www.163.com 443';
NIO之Buffer的clear()、rewind()、flip()方法的区别
Java的NIO中有关Buffer的几种常用方法比如clear,rewind和flip到底有哪些区别。下面给大家这三种方法的源码,方便大家记忆。 clear()方法用于写模式,其作用为情况Buffer中的内容,所谓清空是指写上限与Buffer的真实容量相同,即limit==capacity,同时将当前写位置置为最前端下标为0处。代码如下: 1. pu
There was an internal API error.的解决办法
1.product clear 一下。没用 2.删除之前调试上去的程序。没用。 3.是否安装多个Xcode,删除多的,剩一个。没用 4.Bundle display name   改名字 5. 真机运行下,项目在iOS8.4下运行正常,但是一旦换到iOS7.0和7.1就报这个错误,clear一下,删除真机上原有的app,仍然没有任何作用,捣鼓了很久
the road of blockchain popularization may not be cryptocurrency, but games
Even though blockchain technology and cryptocurrency have come into our life, still, it is not clear to people how the blockchain technology and cryptocurrency will affect daily li