码迷,mamicode.com
首页 > Web开发 > 详细

HTML中Float和元素定位

时间:2017-05-17 10:09:23      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:顺序   网页   index   body   方法   overflow   处理   元素   html   

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

标签:顺序   网页   index   body   方法   overflow   处理   元素   html   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!