css中一共有四種定位分別是預設，相對，絕對，固定
position：static，這種定位是預設的，一般沒什麼實際的作用。
position：relative,相對定位，不會脫離文件流，類似於static，按順序排列，一般設定也不會有什麼變化，可以通過margin-top/right/bottom/left來改變框的位置
display屬性規定元素生成框的型別。較為常見的有none-預設值（用於隱藏元素，元素會消失於視界和文件流中）`position：absolute，絕對定位，這種定位脫離文件流，可以理解為跟其他的元素不再乙個次元中，可以用top/right/bottom/left來控制位置，absolute是相對於最近祖先非static定位來定位的，如果說他的父級定位是預設的，那麼他就會繼續向上找父級的父級，直到找到非static定位為基準點，比如在下面的**中
block-塊級元素，inline-block-行內塊級元素，list-item`列表樣式塊級元素……….（display種類很多，可查閱資料
position屬性規定元素的定位型別，常用於布局。
static-預設值，元素出現在正常文件流中（此時不受top、left、right、bottom、z-index等屬性影響）；
absolute-絕對定位，脫離文件流，相對於它第乙個非static父元素進行定；
fixed-固定定位，脫離文件流，相對於瀏覽器視窗進行定位；
relative生成相對定位的元素，沒有脫離文件流，相對於其正常文件流中的(自身)位置進行定位。
float屬性，定義乙個元素浮動方向，最初用於影象使文字環繞，現在是一種布局方式。不論浮動元素本身是何種框型別，浮動後會生成乙個塊級框。
當然還有inherit 與sticky 這幾個屬性, 有時會發生奇效
CSS position元素定位 二
語法 position absolute 什麼是絕對定位？絕對定位元素是相對於 祖先定位元素 來進行定位！什麼是祖先定位元素？絕對定位元素它會先去查詢其父元素是否設定了定位的屬性，如果有設定位的屬性，那麼它就會相對於其父元素來進行定位 但是如果它的父元素沒有設定定位屬性，那麼他就會去查詢其父元素的上...
簡單理解頁面布局之CSS position定位
在利用div css進行頁面布局時，position定位的理解如下 1.當前元素的 position relative，不脫離文件流的布局，相對於自身位置的偏移，原自身位置出現空白時後面的元素不會進行填充，也即當前元素與後面元素的相對位置 或稱相對順序 不會發生改變，我通常理解為 無論怎樣，當前元素...
隨筆 之開篇
一如病態的三個月轉眼間就過去了，對我來說2018年一直到現在都沒真正結束。2017年，大四，晃蕩了三年的我對未來沒有任何想法，只記得大家都在為畢業後準備。有的已經考了各種專業證，有的已經在外面工作了很久，還有準備考研的，那段時間才真真切切感覺到畢業的壓力。不想四年過後，依舊無所事事，自認為考研沒那個...