标签:body 屏幕 根据 完全 作用 居中 方式 固定 方法
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}
标签:body 屏幕 根据 完全 作用 居中 方式 固定 方法
原文地址:http://www.cnblogs.com/luckmc/p/7635891.html