千家信息网

css中的clear属性有什么用

发表于:2026-11-02 作者:千家信息网编辑
千家信息网最后更新 2026年11月02日,这篇文章主要介绍了css中的clear属性有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。cssclear属性怎么用?clear
千家信息网最后更新 2026年11月02日css中的clear属性有什么用

这篇文章主要介绍了css中的clear属性有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

  cssclear属性怎么用?

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

  语法:

  clear:left|right|both|none|inherit;

  属性值:

  ●left:在左侧不允许浮动元素。

  ●right:在右侧不允许浮动元素。

  ●both:在左右两侧均不允许浮动元素。

  ●none:默认值。允许浮动元素出现在两侧。

  ●inherit:规定应该从父元素继承clear属性的值。

  说明:

  clear属性定义了元素的哪边上不允许出现浮动元素。在CSS1和CSS2中,这是通过自动为清除元素(即设置了clear属性的元素)增加上外边距实现的。在CSS2.1中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。

  不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

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

  cssclear属性示例

  

  

  

  

  

  

  

  

  

Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.

  

Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.

  

  

使用clear:both清除浮动:

  

  

Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.

  Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.

  

  




感谢你能够认真阅读完这篇文章,希望小编分享的"css中的clear属性有什么用"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

元素 属性 浮动 篇文章 支持 边界 一侧 上外 主流 价值 兴趣 右侧 右边 同时 更多 朋友 注释 浏览器 版本 知识 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 百单网互联网科技有限公司 云信互联网科技有限公司 互联网科技公司华为 深圳互联网科技公司 互联网科技论文 互联网金融 科技创新 衡水科技产业互联网平台 互联网公司会议桌创意科技软装饰 互联网 科技馆 安控科技rtu产品工业互联网 互联网教育科技公司vipkid 现代互联网科技股 辽宁互联网新科技 允成互联网科技有限公司融资 互联网新科技动漫ppt素材 明优互联网科技有限公司 合肥互联网科技公司公章图片 山东子淼互联网科技有限公司 易企秀互联网科技是做什么的 青岛互联网科技园 互联网科技工作委员会毛军 互联网金融监管科技数据 互联网科技有限公司经营范围 互联网科技未来 互联网 视角下的科技创新 互联网科技网站 银川新华互联网科技职业技术培训学校图片 上海钢联属于互联网科技股吗 互联网科技创新创业项目 中国主要互联网科技公司
0