这篇文章主要介绍css如何取消浮动float，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
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即可。
以上是“css如何取消浮动float”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网行业资讯频道！
