首页 > 代码库 > HTML中Float和元素定位

HTML中Float和元素定位

  浮动
1、float属性——浮动
  float:left;float:right;float:none;
2、清除浮动——clear
  Clear:left\right\both\none
3、溢出处理
  overflow:visible\hidden\scroll\auto;
   定位网页元素
1、position
   绝对定位(absolute):将被赋予此定位方法

的对象从文档流中拖出,使用left,right,top,bottom等属性

相对于其最接近的一个最有定位设置的父级对象进行绝对定位,

如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的,

则依据body对象左上角作为参考进行定位。绝对定位对象可层叠,

层叠顺序可通过z-index属性控制,z-index值为无单位的整数,

大的在最上面,可以有负值(目前负值FF不支持)。

  相对定位(relative):对象不可层叠,依据left,right,top,bottom等属性

在正常文档流中偏移自身位置。同样可以用z-index分层设计。


2、z-index:决定元素的堆叠的次序 值越大 被放在最上面

HTML中Float和元素定位