關于css中的position這個屬性，在使用的時候，有時很強大，有時又讓人很無奈。

強大的時候，對于div中的一些小物件不方便使用margin或者padding的時候，給與position:absolute;再配備left、right、top和bottom，基本上就是想放哪里放哪里了。

讓人無奈的時候，就是我們一旦濫用了position這個定位屬性，就會讓自己的布局飛的滿天是，又因為z-index沒有設定好，基本上，整體的布局就會讓你手足無措，找原因的話，又非常麻煩，最后，恐怕只能推倒重做了。

所以，對待position這個屬性，我們要詳細的了解到它運行的原理，以及應用的場景，這樣，我們才可以在想用的時候完美的驅使它來完成我們想要的效果。

廢話不多說，直接上步驟，先說position的概念吧

position,我們百度一下，就知道這個單詞的意思是方位，在css中，就是定位的意思，屬性名字是 position，屬性值有五個，分別是 static（默認定位）、absolute（絕對定位）、relative（相對定位）、fixed（固定定位）、inherit（繼承定位，不常用）。

書寫規則：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表