css基础样式四

上次我们讲到了相对定位；

这次我们了解下绝对定位;

绝对定位：

#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}

绝对定位会脱离文档流。所以之前的位置就会被后面的内容给填补

绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。

浮动：

如图：浮动也会像绝对定位那样脱离文本流，就相当于飘了起来，在天上，地上的位置就会空出来。

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，

任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

浮动可以向左浮动也可以向右浮动。代码如下：

div{

float:left;//向左浮动

float:right;//向右浮动

}