css 布局的一般步骤

前提

问问题

任务：不要直接问答案
非任务：最好拿代码来问问题

支持IE 使用浮动布局

注意：

1. 实在想不到好的标签使用div,
2. 伪类写法clearfix:after clearfix::after : 兼容ie :: 不兼容ie

不支持IE使用flex布局

视频讲解
必须要会

浮动布局

固定步骤：

1. 在儿子身上加 float：left 实在不行写float：right
2. 写clearfix:after clearfix::after伪类 加到爸爸身上 ::ie不支持 ：ie支持
3. 给儿子调宽高，里面有宽度父级元素最好不要加 宽高最好不要加

  
  
  


  

    
    

      


      

      

        
导航1
        
导航2
        
导航3
        
导航4
        
导航5
        
导航6
      

      

        个人中心
        购物车
      
    
  

flex布局

固定步骤：

1. 在爸爸身上加dispaly：flex
2. 调整儿子宽度 在能伸缩的儿子使用flex：1
3. 使用justify-content align-item flex

  
  
  



  

    
  
    

      


      

      

        
导航1
        
导航2
        
导航3
        
导航4
        
导航5
        
导航6
      

      

        个人中心
        购物车
      
    
  
  

css烂怎么办

烂思维：想到什么写什么

1. 有个大体框架 分豆腐块
   tab bar bigBanner pro contacts
2. 命名要精确 （不会命名看同行怎么命名）
3. 最小影响原则
4. 嵌套不要超过五层