首页 > Web开发 > 详细

HTML中Float和元素定位

时间:2017-05-17 09:25:40      阅读:293      评论:0      收藏:0      [点我收藏+]

  浮动
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和元素定位

原文:http://www.cnblogs.com/fancyxk/p/6865723.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!