您现在的位置是:网站首页> 编程资料编程资料
css中的clear属性使用方法实例介绍使用CSS3制作响应式导航菜单的方法CSS中使用clearfix清除浮动的方法详解CSS中clear:left/right的用法CSS clear属性给float带来哪些影响css的border和clear属性使用方法和示例css浮动(float/clear)使用讲解浅谈CSS中的clear清除浮动
2023-10-26
151人已围观
简介 本文介绍css中的clear属性使用方法,大家参考使用吧
定义和用法
clear 属性规定元素的哪一侧不允许其他浮动元素。
说明
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
默认值:none
继承性:no
版本:CSS1
JavaScript 语法: object.style.clear="left"
实例
图像的左侧和右侧均不允许出现浮动元素:
复制代码
代码如下:img
{
float:left;
clear:both;
}
浏览器支持
所有主流浏览器都支持 clear 属性。
注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
可能的值
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
inherit 规定应该从父元素继承 clear 属性的值。
相关内容
- css3高级选择器使用方法CSS3 选择器 基本选择器介绍CSS3 选择器 伪类选择器介绍CSS3 选择器 属性选择器介绍CSS3结构性伪类选择器九种写法CSS3中31种选择器使用方法教程HTML5/CSS3实现的华丽的日期选择器源码css3选择器基本介绍
- Css如何实现背景色透明或半透明但内容不透明css背景色透明 内容不透明的解决方法(兼容所有浏览器)CSS 制作带边框背景色透明的消息框
- 全民英雄在线送剑圣活动 剑圣宝箱内容曝光_手机游戏_游戏攻略_
- 全民英雄崛起英雄谁好用?崛起英雄使用心得_手机游戏_游戏攻略_
- 全民英雄低控英雄出装推荐 速度轻松上175_手机游戏_游戏攻略_
- 雷霆战机 哪个装甲好 装甲技能详解_手机游戏_游戏攻略_
- 天天炫斗 激活码申请的方法分享_手机游戏_游戏攻略_
- 全民英雄DPS出装推荐 DPS最佳装备推荐_手机游戏_游戏攻略_
- 雷霆战机 闯关模式玩法介绍 有什么奖励_手机游戏_游戏攻略_
- 全民英雄主T出装推荐 最佳主T装备推荐_手机游戏_游戏攻略_
