CSS文本样式与浮动

CSS文本样式与浮动

​
CSS文本样式与浮动
    浮动[如果你有二个元素需要在一行显示 ,可以使用浮动,做网页布局]
        1 样式
            float:left(左边)/right(右边)
        2 特点
            1 脱离文档流
            2 可以设置宽度与高度
            3 可以设内外边框
        3 影响
            1 图文[行内块 行]环线[半脱离文档流]
            2 浮动塌陷
                1 父元素没有设置高度
                2 子元素都是浮动元素 无法撑开父元素高度
                    如何解决:
                        1 给父元素设置一个样式 overflow:hidden
                        2 clear:left[左边的]/ right[右边]/both[全部]





    

    Title

    



    
   





    

    Title

    



    
   





    

    Title

    




    
       
​        
   





    

    明日方舟
    



    
       
                   
       
           
                   
  •                    

    x1

                       

    y1

                   
  •                
  •                    

    x2

                       

    y2

                   
  •                
  •                    

    x3

                       

    y3

                   
  •                
  •                    

    x4

                       

    y4

                   
  •                
  •                    

    x5

                       

    y5

                   
  •                
  •                    

    x6

                       

    y6

                   
  •            
       
   
​ ​

你可能感兴趣的:(html,css,css3,html)