css基础样式四

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

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

绝对定位：

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

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

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

浮动：

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

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

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

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

div{

float:left;//向左浮动

float:right;//向右浮动

}

 

转载于:https://www.cnblogs.com/LeiFenggreed/p/5883740.html

总结

以上是生活随笔为你收集整理的css基础样式四的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。