html中clear的作用是什么

这篇文章将为大家详细讲解有关html中clear的作用是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联建站主要从事网站制作、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务蚌山,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

css中clear的作用是清除元素的浮动效果。

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

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

clear属性值:

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

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

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

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

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

示例:


  
    
      div {
        float: left;
        margin: 20px;
      }
      .three{
        clear: both;
      }
    
  
  
    
           
    
           
                
  

效果:

html中clear的作用是什么

关于html中clear的作用是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


当前文章:html中clear的作用是什么
浏览地址:http://scyanting.com/article/igigde.html

其他资讯