1.18学习篇

position定位

相对定位:relative,可以可以使用方位和方位值来定义它的位置.

列入:top:30px; 定位的区域就从上向下移动30个像素

/*定位设置*/

.box1 {

position: relative;

/*float: right;*/ /*相对定位，浮动有效。*/

absolute绝对定位

绝对定位:absolute选择物上一级来进行定位,如果没有上一级则一直寻找定位止道找到定位

/*定位设置*/

.box2 {

position: absolute;

left: 30px;

top: 30px;

float: left; /*绝对定位后，浮动失效：定位后，元素脱离浮动流*/}

fixed:固定定位

基于浏览器窗口,浏览器窗口默认大小来进行固定定位,.定位在哪里,浏览器页面滚动他就跟着页面滚动.

总结：

* 1、与浮动：相对定位——浮动有效，绝对定位——浮动无效。

* 2、与默认文档流：相对定位——在默认文档流占据定位前的空间，并且影响默认文档流的其他元素的排列。绝对定位不占据不影响。