盒子的定位(position)
2011-09-23 13:55
92 查看
1.static(静态定位,这种定位方式可以不写,是系统默认的定位方式。)
2.relative(相对定位,相对原有位置的定位方式。)
2.1.使用相对定位的盒子,会与相对于他原来的位置偏移指定的位置。
2.2.使用相对定位的盒子,仍然在标准流中,它的偏移对父亲兄弟盒子都没有影响。
3.absolute(绝对定位,盒子的位置以它所在的以定位的盒子为基准进行偏移。)
3.1.使用绝对div会彻底分离,其它盒子会认为不存在。
3.2.与float差不多
4.fixed(固定定位,相对于浏览器的窗口的定位方式。)
5.z-line各个盒子之间的
6.display控制盒子是否隐藏,转变盒子的类型。
2.relative(相对定位,相对原有位置的定位方式。)
2.1.使用相对定位的盒子,会与相对于他原来的位置偏移指定的位置。
2.2.使用相对定位的盒子,仍然在标准流中,它的偏移对父亲兄弟盒子都没有影响。
3.absolute(绝对定位,盒子的位置以它所在的以定位的盒子为基准进行偏移。)
3.1.使用绝对div会彻底分离,其它盒子会认为不存在。
3.2.与float差不多
4.fixed(固定定位,相对于浏览器的窗口的定位方式。)
5.z-line各个盒子之间的
6.display控制盒子是否隐藏,转变盒子的类型。
相关文章推荐
- 盒子模型&position定位
- CSS布局之-浮动(Float)与定位(Position)-让盒子飞!
- css盒子定位position的属性
- div盒子position:fixed定位后无法滚动到页面顶部了
- 盒子模型&position定位
- position的值relative和absolute定位原点是?
- 固定定位position:fixed实现高度自适应
- 定位position属性float、absolute、relative
- 区分CSS中position定位属性absolute与relative
- 浅析CSS——元素重叠及position定位的z-index顺序
- 相对定位position:relative;
- HTML之定位position
- Web开发中常用的定位布局position
- position:fixed ,锚点定位不准确的问题
- MSA定位流程(4)_Position Det Report (SUPL POS)<信令
- 4-6绝对定位以盒子为参考点
- ie6使用绝对定位position:absolute,box不显示
- 内嵌盒子定位和居中问题,在缩放浏览器情况下,不会影响盒子的布局
- CSS盒子模式之_相对定位绝对定位1
- 元素定位(position属性值)有哪些?