📜  CSS 规则“clear: both”有什么作用?

📅  最后修改于: 2021-09-01 03:46:16             🧑  作者: Mango

clear 属性用于指定不允许浮动元素的哪一侧浮动。它设置或返回元素相对于浮动对象的位置。

“clear: both”意思是浮动元素不允许在两边浮动。当不需要任何元素浮动在与指定元素相关的左侧和右侧并且希望下一个元素仅显示在下方时使用它。它还表明没有其他元素占用左侧和右侧的空间。

句法:

clear:both; 

例子:

 
 
     
         
     
     
        

GeeksForGeeks

          

clear:both;

          
GFG
          

GeeksforGeeks: A computer science portal for geeks

          

GeeksforGeeks

                             

输出:

支持的浏览器:支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器