css定位

作者: chasing_dream | 来源:发表于2018-05-15 14:16 被阅读9次

相对于浏览器的窗口定位：

div{
    position:fixed;
    left:100px;
    top:150px;
};

不会随着页面的滚动，而变化位置

相对于自己的位置发生移动；
相对于原位置发生偏移适合微调；

div{
    position:relative；
    left:100px;
    top:150px;
}

绝对定位中的绝对，是相对于父元素讲的，若父元素没有定位（没有position属性），则继续找父元素的父元素，以此类推，直到找到一个有定位的父元素为止，若父元素都没有定位，则相对于body来进行绝对定位！

div{
    position: absolute；
    left:100px;
    top:150px;
}

css定位
CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...
CSS 定位
CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...
CSS 定位 (Positioning)
CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...
css 定位浮动
定位 1 . css 定位：改变元素在页面上的位置2 . css 定位机制：普通流浮动绝对布局3 . css 定位...
CSS定位
CSS定位（Positioning）允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性...
CSS中的几种定位
CSS中常用的定位有普通定位，相对定位绝对定位、fixed定位浮动 1、普通定位和相对定位 css中的元素有...
CSS 定位
CSS定位 CSS 定位机制 CSS中一共有三种基本定位机制：普通流、浮动、绝对定位。如果不进行专门指定，所有的标...
图片精灵
div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css ...
元素定位
八大定位 Xpath定位 css定位
CSS定位与浮动2016/6/12
CSS 定位 (Positioning) CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 position...