有關前端的一點隨筆,前端一點隨筆

來源:互聯網
上載者:User

有關前端的一點隨筆,前端一點隨筆
由於小龍老師讓根據自己會的知識寫一篇文章,可是想了想自己好想不會啥(尷尬..),所以就寫一點簡單的知識點吧 : 一: 先說說定位吧,感覺挺重要的 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}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.