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

css的基本定位机制

时间:2017-09-24 19:25:00      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:top   自己的   垂直   index   文档流   color   自身   相对   padding   

分为三种:普通流、浮动、绝对定位

普通流:默认,html文档的排列顺序块级从上到下(垂直距离由margin-top、margin-bottom决定);行内元素在一行中从左到右(由margin-left/right、padding-left/right调整水平距离) PS:相对定位属于其一部分

浮动:float元素存在占位,并未完全脱离文档流(普通流),脱离了父元素

绝对定位:彻底脱离普通流,所以它可以覆盖页面上的其他元素,可以通过设置Z-Iindex属性来控制这些框的堆放次序。

floatabsolute的区别:

1.absolute元素是可以通过top/bottom/left/right调整自己的位置,而float元素受其他元素的影响,通过其他元素确定自身的位置

2.float元素之间在占位上是相互影响的,而absolute元素即使处于同一层,在占位上是互不影响的(absolute同级会覆盖;float会平行排列)

css的基本定位机制

标签:top   自己的   垂直   index   文档流   color   自身   相对   padding   

原文地址:http://www.cnblogs.com/juicy-initial/p/7587773.html

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