有关前端的一点随笔

标签：top   一个   简单的   位置   pos   相对   页面   根据   font   

由于小龙老师让根据自己会的知识写一篇文章,可是想了想自己好想不会啥(尴尬..),所以就写一点简单的知识点吧 : 一: 先说说定位吧,感觉挺重要的 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}

有关前端的一点随笔

标签：top   一个   简单的   位置   pos   相对   页面   根据   font   

原文地址：http://www.cnblogs.com/black-mcy/p/7630252.html