CSS位置決め(相対位置決め、固定位置決め、絶対位置決め)

1725 ワード

CSSでは、positionプロパティを使用して要素を配置できます.positionプロパティは、要素の位置決めタイプを規定します.
属性値:
  • absolute:static位置決め以外の最初の親要素に対して位置決めする絶対位置決め要素を生成します.要素の位置は、「left」、「top」、「right」および「bottom」属性で規定されます.
  • fixed:ブラウザウィンドウに対して位置決めを行う固定位置決め要素を生成します.要素の位置は、「left」、「top」、「right」および「bottom」属性で規定されます.
  • relative:相対的に位置決めされた要素を生成し、その正常な位置に対して位置決めします.したがって、「left:20」は、要素のLEFT位置に20ピクセルを追加します.
  • static:デフォルト.配置されず、要素は正常なストリームに表示されます(top、bottom、left、right、またはz-index宣言は無視されます).

  • 相対位置:


    通常の位置に対して位置決めを行います.(ラベルの位置を微調整できます)
     
    
        
    
    
    
    
       
       
       
    
    
    

    固定位置


    常にブラウザウィンドウに対して配置されます.
    
    
        
    
    
    
    
    
    div


    ぜったいいち


    static位置決め以外の最初の親要素に対して位置決めを行います.