定位

2018-01-06  本文已影响0人  南木子艺

清除浮动

CSS定位

1)overflow

定位 overflow 当溢出时浏览器处理方式
默认visible 无继承属性 所有brower都支持 css2
值有5个 visible scroll hidden auto inherit
Object.style.overflow=”scroll”

2)Z-index:

定位 z-index 元素堆叠顺序 ,可被用于将在一个元素放置于另一元素之后
仅能在定位position元素上奏效
默认auto(为0) 无继承 所以browser都支持 css2
值3个 auto number inherit
Object.style.zIndex=”-1”

3)position

定位 position 规定元素定位类型
默认static 无继承 所有brower都支持 css2
5个值:
inherit
static:出现在正常流中,忽略top,left,right,left,Z-index
absolute :(绝对定位)相对于static以外的第一个父元素定位,
通过绝对定位,元素可以放置到页面上的任何位置。
fixed:(绝对定位)相对于浏览器窗口定位,
relative:(相对定位)相对其原始正常位置移动
object.style.position=”**”

float

所有browser支持 , IE无inherit , css1
object.style.cssFloat:"left";
任何元素都可以浮动,并生成块级元素;以往用于图片,将文字环绕周围
若一行没足够空间放置浮动元素,则会跳到下一行,直到有足够位置为止
left | right | none | inherit

上一篇下一篇

猜你喜欢

热点阅读