您的当前位置:首页正文

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右侧偏移量,定义元素相对于其父元素右边线的距离

绝对定位的特性:

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

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

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

Top