Tailwind CSS 清除

这个类在顺风CSS 中接受多个值。所有属性都以类形式覆盖。它是 CSS clear 属性的替代品。此类用于指定不允许浮动元素的哪一侧浮动。它设置或返回元素相对于浮动对象的位置。如果元素可以水平放置在另一个浮动元素旁边的空间中，它就会。基本上，它用于控制元素周围的内容包装。

CSS 清除类：

• 左清
• 明权
• 清除两者
• 清除无

clear-left：该类用于指定不允许元素相对于另一个元素浮动在左侧。

句法：

...

例子：

输出：

clear-right：该类用于指定不允许元素相对于另一个元素浮动在右侧。

句法：

...

例子：

HTML

 
     
     
 
  
 

    

        GeeksforGeeks
    
 
    Tailwind CSS clear Class 
    

    
    
    

      How many times were you frustrated while looking out  
      for a good collection of programming/algorithm/interview 
      questions? What did you expect and what did you get?  
      This portal has been created to provide well written,  
      well thought and well explained solutions for selected  
      questions. An IIT Roorkee alumnus and founder of  
      GeeksforGeeks. He loves to solve programming problems 
      in most efficient ways. Apart from GeeksforGeeks, he  
      has worked with DE Shaw and Co. as a software developer  
      and JIIT Noida as an assistant professor.It is a good  
      platform to learn programming. It is an educational  
      website. Prepare for the Recruitment drive of product  
      based companies like Microsoft, Amazon, Adobe etc with 
      a free online placement preparation course.
  

 
  

输出：

clear-both：该类用于指定不允许浮动元素在两侧浮动。

句法：

...

例子：

HTML

 
     
     
 
  
 

    

        GeeksforGeeks
    
 
    Tailwind CSS clear Class 
    

    
    
    

      How many times were you frustrated while looking out  
      for a good collection of programming/algorithm/interview 
      questions? What did you expect and what did you get?  
      This portal has been created to provide well written,  
      well thought and well explained solutions for selected  
      questions. An IIT Roorkee alumnus and founder of  
      GeeksforGeeks. He loves to solve programming problems 
      in most efficient ways. Apart from GeeksforGeeks, he  
      has worked with DE Shaw and Co. as a software developer  
      and JIIT Noida as an assistant professor.It is a good  
      platform to learn programming. It is an educational  
      website. Prepare for the Recruitment drive of product  
      based companies like Microsoft, Amazon, Adobe etc with 
      a free online placement preparation course.
  

 
  

输出：

clear-none：该类用于指定默认值。它允许元素在两侧浮动。

句法：

...

例子：

HTML

 
    
     
 
  
 

    

        GeeksforGeeks
    
 
    Tailwind CSS clear Class 
    

    
    
    

      How many times were you frustrated while looking out  
      for a good collection of programming/algorithm/interview 
      questions? What did you expect and what did you get?  
      This portal has been created to provide well written,  
      well thought and well explained solutions for selected  
      questions. An IIT Roorkee alumnus and founder of  
      GeeksforGeeks. He loves to solve programming problems 
      in most efficient ways. Apart from GeeksforGeeks, he  
      has worked with DE Shaw and Co. as a software developer  
      and JIIT Noida as an assistant professor.It is a good  
      platform to learn programming. It is an educational  
      website. Prepare for the Recruitment drive of product  
      based companies like Microsoft, Amazon, Adobe etc with 
      a free online placement preparation course.
  

 
  

输出：