CSS中怎么使用clear属性

本篇内容介绍了“CSS中怎么使用clear属性”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

成都创新互联始终坚持【策划先行，效果至上】的经营理念，通过多达十余年累计超上千家客户的网站建设总结了一套系统有效的营销推广解决方案，现已广泛运用于各行各业的客户，其中包括：成都阳光房等企业，备受客户表扬。

CSS clear属性

定义和用法

clear 属性规定元素的哪一侧不允许其他浮动元素。

说明

clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

CSS中怎么使用clear属性

实例

图像的左侧和右侧均不允许出现浮动元素：

img    {    float:left;    clear:both;    }

浏览器支持

所有主流浏览器都支持 clear 属性。

注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

可能的值

CSS中怎么使用clear属性

TIY 实例

<html>    <head>   <style type="text/css"> img      {      float:left;    clear:both;      }    </style>   </head>    <body> <img src="www.68tt.com/i/eg_smile.gif" />   <img src="/i/eg_smile.gif" />   </body>    </html>

“CSS中怎么使用clear属性”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！

当前文章：CSS中怎么使用clear属性
分享地址：https://www.cdcxhl.com/article20/jcjhco.html

成都网站建设公司_创新互联，为您提供网站内链、网站收录、域名注册、小程序开发、网站设计公司、用户体验

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容