CSS定位

来源:互联网 发布:linux网络应用项目开发 编辑:程序博客网 时间:2024/06/05 03:04

1.CSS定位:

改变元素在页面上的位置

2.CSS定位机制:

普通流:元素按照其在HTML中的位置顺序决定排布的过程。

浮动

绝对布局

3.CSS定位属性:

position: 把元素放在一个静态的、相对的、绝对的、或固定的位置中

static   ,relative,absolute,fixed

top: 元素向上的偏移量

left: 元素向左的偏移量

right: 元素向右的偏移量

bottom: 元素向下的偏移量

overflow: 设置元素溢出其区域发生的事情

clip: 设置元素显示的形状

vertical-align:设置元素垂直对齐方式

z-index: 设置元素的堆叠顺序


4.浮动:

float属性可用的值:

left: 元素向左浮动

right:元素向右浮动

none:元素不浮动

inherit: 从父级继承浮动属性

5.clear属性:

去掉浮动属性(包括继承来的属性)

clear属性值:

left/right:去掉元素向左、右的浮动

both: 左右两侧去掉浮动

inherit: 从父级继承来clear的值



0 0