📜  如何仅使用float属性将H2移到H1之下?

📅  最后修改于: 2021-05-25 18:04:36             🧑  作者: Mango

描述:

  • 在Bootstrap 4中,可以在H1标签下方或下方添加H2标签。而在使用float的情况下,不能将H2标签添加到H1标签的下方或下方,因为由于bootstrap 4 CSS属性,H2标签将移至H1标签的末尾。
  • 为了消除这个问题,我们可以通过将两个标签都包裹在具有flex属性的元素上,或者通过将每个标签分别包裹在具有class clearfix类的元素上,来将H2移到F1的H1下方。

示例1:以下示例说明如何仅使用浮子将H2移动到H1以下。



  

    
    
    
    
    
    

  

    
        

GeeksforGeeks

                   H1 & H2 Without float                
            

H1 Without Float left

            

H2 Without Float left

        
           With float         
            

H1 Float left

            
            

H2 Float left

        
                      Using clearfix with float                
                   

H1 Float left

   
                   

H2 Float left

   
        
                      Wrapped by flex with float                
            

H1 Float left

            
            

H2 Float left

        
    
  

输出: