1. 程式人生 > >有關前端的一點隨筆

有關前端的一點隨筆

完全 媒體 left fix 兩種 清除 ear 特點 包含塊

由於小龍老師讓根據自己會的知識寫一篇文章,可是想了想自己好想不會啥(尷尬..),所以就寫一點簡單的知識點吧 : 一: 先說說定位吧,感覺挺重要的 1相對定位:position:realative(相對於本身沒有定位之前的位置進行移動)有如下1個特點:不脫離文檔流,不影響元素本身的特性,塊級還是塊級,行內還是行內 2相對定位:position:absolute 有如下幾個特點:(1).相對於已經定位的父級元素進行定位(那如果父級沒有定位呢? 那就再往上找,找爸爸的爸爸,那爸爸的爸爸也沒有定位呢?那就接著往上找嘍,如果父級都沒有,那就相對於body) (2).脫離文檔流(完全脫離) 3 固定定位position:fixed(相對於窗口的固定定位)這個定位屬性值是什麽意思呢?元素的定位方式同absolute類似,但它的包含塊是視區本身。在屏幕媒體如WEB瀏覽器中,元素在文檔滾動時不會在瀏覽器視察中移動 /*根據定位如何使一個盒子在頁面中絕對居中呢兩種方法:1.div{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}2.div{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px;}*/二:最後說一下清除浮動:清除浮動的方法,就說一個比較主流的方式吧: :after 方法:(註意:作用於浮動元素的父親)div:after{content:"" display:block;clear:both}

有關前端的一點隨筆