css position

###1. fixed

fixed脫離文檔流，老是以body對象定位對象，老是根據瀏覽器窗口進行定位，並經過top bottom left right進行定位。

注意： 設置了fixed，但沒有設置LTRB，那麼該容器將在原來位置不動，而且容器將儘量的變窄

因爲fixed脫離文檔流，全部當width設置爲100%時，該容器的的寬度其實是以body爲參考。

.nav {
    position: fixed；
    width: 100%;
}

此時該容易將已原來標準文檔流位置爲起點，且寬度爲body的寬度，因此容器很容易超出瀏覽器視覺寬度，此時瀏覽器會經過負margin: margion-right: -xx px來實現。因此當fixed容器起點非body起點時，儘可能不要用width:100%;

.nav {
    position: fixed;
    top: 0;
    left: xx px;
}