day12 html5

      day12

配置：属性値：
1.静的静的配置
2.相対相対配置
3.絶対絶対配置
4.固定固定配置
5.スティッキースティッキー配置
位置：固定;固定配置
1：参照オブジェクト：ブラウザウィンドウ。
2：レイアウトフローを残して、スペースを占有しません。

让一个元素在浏览器窗口左右上下居中？
    第一种方法：
        position:fixed;
        left:50%;top:50%;
        margin-left:-元素宽度一半;
        margin-top:-元素高度的一半;

    第二种方法：
        position:fixed;
        left:0;right:0;
        top:0;bottom:0;
         margin:auto;
         
    粘性定位：
    position:sticky;
   执行逻辑：
    默认情况下：当浏览器窗口滚动条不滚动，当前元素没有超出整个浏览器窗口的时候
    执行的position:relative;如果元素超出当前窗口则应用的position:fixed;
    
定位 总结
       脱离布局流：
       position:absolute
       position:fixed;

注：如果块状元素没有设置宽度的时候，添加position:absolute || position:fixed
出现宽度被内容撑开

アンカー：
ハイパーリンクの一種。
機能：同じページ内の異なる位置でジャンプを実現できます。
説明：アンカーポイントにバインドされたID名を持つ要素をブラウザウィンドウの上部に戻します。
<タグID = ""> </タグ>

高度自适应第一种情况：
    当元素height不去设置或者是设置成height:auto;
    元素的高度是被内容撑开的。
    需求1：当内容增加的时候，内容能把容器撑开。
    需求2：当内容极少或者没有内容的时候，让容器保持一个最小高度。

• 最小の高さ設定：
  min-height：
  満たすことができます1：コンテンツが増加すると、コンテンツはコンテナーを離して保持できます。
  満たすことができる2：コンテンツがほとんどまたはまったくない場合は、コンテナに最小の高さを維持させます。