php的div css,PHP自学之路-----DIV+CSS(第四天）

.div1{

width:150px;

height:100px;

border:1px solid red;

background:pink;

margin-top:5px;

float:left;

}

/*id 选择器*/

#id1{

float:right;

}

左浮动，就是指某个块元素尽量往左边移动，这样就能让出它右边的空间，让别的块元素来填充！

注意：1、左浮动必须所有块元素都保持一致，否则或出现错误！

2、如果浮动元素的高度不同，那么当它向下进行换行是就会回其他元素卡住。

定位

常用的定位有四种：

1、 static (默认)

2、 relative 相对定位

所谓的性对定位是指，相对该元素应当显示的左上角重新定位，虽然它脱离的标准流，但它的空间，不能被占用！

定位

为什么1

为什么2

为什么3

为什么4

.div1{

width:100px;

height:50px;

border:2px solid red;

background-color:pink;

float:left;

}

/**********相对定位*******************

#pace{

position:relative;

left:20px;

top:100px;

}

********************************/

3、 Absolute 绝对定位

对该元素最近的那个脱离了标准六的元素定位

如果没有父元素，则相对body左上角定位

代码：

情景1：没有父元素

为什么1