Css笔记Day08

一、浮动

1、清除浮动语法: 选择器{clear:属性值}

属性值:right：不允许右侧有浮动(清除右侧浮动影响)；

left：不允许左侧有浮动元素（清除左侧浮动的影响）；

both:同时清除左右两侧的浮动；

2、清除浮动的四种方法:

1) 使用空标记清除浮动;

2)使用overflow属性清除浮动

3) 使用after伪对象清除浮动

4)使用before after伪对象清除浮动

二、元素定位

语法: 选择器｛position：属性值｝

static：自动定位（默认定位方式）

relative：相对定位，相对于其原文档流的位置进行定位

absolute：绝对定位，相对于其上一个已经定位的父元素进行定位

fixed：固定定位，相对于浏览器窗口进行定位

边偏移定位:

top顶端偏移量，定义元素相对于其父元素上边线的距离

bottom底部偏移量，定义元素相对于其父元素下边线的距离

left左侧偏移量，定义元素相对于其父元素左边线的距离

right右侧偏移量，定义元素相对于其父元素右边线的距离

绝对定位的特性：

包裹性：根据实际内容来撑开绝对定位元素的大小。

破坏性：导致父容器塌陷，由于脱离了文档流，导致父容器塌陷。

悬浮性：会漂浮起来，在原始流的元素之上。

�