布局 - position


  • relative会缩裹内容,不会脱离原来的流不会浮动,只是内容便宜,元素本身不偏移
  • absolute会根据left等值撑开内容,会脱离原来的流浮动,但是不能通过清除浮动来消除



    
    Document
    


    
    
    


  • 代替高度100%宽度100%,完美解决方案

圣杯布局




    
    Document
    


    

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

B
C
  • 结果


单飞翼布局




    
    Document
    


    

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

  • 结果


你可能感兴趣的:(布局 - position)