取消浮动float的css

2019年11月30日作者：佚名

css 勾销浮动float属性

先对象对抗配置了浮动float属性，但过后个中一个对象不需求浮动了，如许若何取缔？

勾销浮动css代码：
float:none

浮动作废示例说明：
实现对抗设置对象内span设置float属性，但其它一个span取消设置装备摆设浮动。共配置三个span，对立设置装备摆设float:right浮动靠右，别的零丁设置装备摆设勾销浮动的class=no。

实例代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>勾销了浮动实例 css5.com.cn</title>
<style>
.exp{ width:500px; border:1px solid #F00; height:90px}
.exp span{ float:right; height:80px; width:120px; border:1px solid #090}
.exp span.no{float:none}
</style>
</head>
<body>
<div class="exp">
<span>浮动left</span>
<span>浮动left</span>
<span class="no">作废浮动none</span>
</div>
</body>
</html>

截图：

勾销float浮动div css实例

作废浮动属性float:none，需要取缔的设置float:none即可。