html定位

html中的四种定位position:{

1:static:这个基本没啥用,默认值。

2:relative:这个是相对定位,不会脱离文档流,可以使用margin-top之类的进行定位,

3:absolute:绝对定位,用top,bottom,right之类设置其相对于父类标签(父标签必须不能是static的,不然继续向上寻找非stati的父标签)的位置,会脱离正常文档流,和float脱离文档流也不一样,这个具体看下一篇博客。

4:fixed:这个是相对于浏览器窗口进行定位,不管滚轮到哪,那个标签就在那。

}

 

html中浮动时float和absolute的区别:{

联系:都会脱离正常文档流,如果不给该元素设置位置,则会浮动到其在原来文档中位置的上方。

absolute:别的元素不会意识到它的存在,所以会占它的位置,

relative:别的元素会意识到它的存在,所以不会占它的位置,

 

 

}

 

你可能感兴趣的:(html)