HTML 布局与定位

定位

position

  1. absolute
  2. relative
  3. fixed

绝对布局

当使用绝对布局,会根据父布局左上角移动,如果没有父布局,根据屏幕左上角移动



    
        
        
        
    
    
        
HTML 布局与定位_第1张图片
效果图

相对布局

当使用相对布局,偏移根据修改前的位置进行移动。



    
        
        
        
    
    
        
HTML 布局与定位_第2张图片
效果图

固定定位

将布局定位到固定的位置,不随着屏幕的滑动而移动。



    
        
        
        
    
    
        
HTML 布局与定位_第3张图片
效果图

你可能感兴趣的:(HTML 布局与定位)