上次我们讲到了相对定位;
这次我们了解下绝对定位;
绝对定位:
#box_relative {
position: absolute;
left: 30px;
top: 20px;
}
绝对定位会脱离文档流。所以之前的位置就会被后面的内容给填补
绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。
浮动:
如图:浮动也会像绝对定位那样脱离文本流,就相当于飘了起来,在天上,地上的位置就会空出来。
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,
任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
浮动可以向左浮动也可以向右浮动。代码如下:
div{
float:left;//向左浮动
float:right;//向右浮动
}