欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  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属性示例
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="utf-8">
 
  <style>
 
  img
 
  {
 
  float:left;
 
  }
 
  p.clear
 
  {
 
  clear:both;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <imgsrc="logocss.gif"width="95"height="84"/>
 
  <p>Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.</p>
 
  <p>Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.</p>
 
  <br>
 
  <p>使用clear:both清除浮动:</p>
 
  <imgsrc="logocss.gif"width="95"height="84"/>
 
  <p>Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.</p>
 
  <pclass="clear">Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.</p>
 
  </body>
 
  </html>






本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c56008.shtml