头闻号

福建省崇裕纳米工贸有限公司

其他未分类|化工原料代理加盟|防伪技术产品|陶瓷油墨|陶瓷油墨

首页 > 新闻中心 > 科技常识:css中的clear属性使用方法实例介绍
科技常识:css中的clear属性使用方法实例介绍
发布时间:2023-02-01 09:54:11        浏览次数:5        返回列表

今天小编跟大家讲解下有关css中的clear属性使用方法实例介绍 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css中的clear属性使用方法实例介绍 的相关资料,希望小伙伴们看了有所帮助。

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

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

默认值:none继承性:no版本:CSS1Javascript 语法:object.style.clear="left"

实例图像的左侧和右侧均不允许出现浮动元素:复制代码代码如下:img{float:left;clear:both;}

浏览器支持所有主流浏览器都支持 clear 属性。注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值left在左侧不允许浮动元素。right在右侧不允许浮动元素。both在左右两侧均不允许浮动元素。none默认值。允许浮动元素出现在两侧。inherit规定应该从父元素继承 clear 属性的值。

来源:爱蒂网