首页 > 开发 > CSS > 正文

CSS3定位和浮动详解

2024-07-11 09:07:18
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了CSS3定位和浮动的概念,以及实例代码讲解CSS3定位和浮动的使用方法,感兴趣的小伙伴们可以参考一下
 
 

本文为大家分享CSS3定位和浮动的基础概念,与使用方法,供大家参考,具体内容如下

一、定位

1、 css定位:

改变元素在页面上的位置

2、 css定位机制:

普通流:

浮动:

绝对布局:

3、 css定位的属性:

position 把元素放在一个静态的,相对的,绝对的,或者固定的位置中 
top/left/right/botom 元素向上/左/右/下的偏移量 
overflow 设置元素溢出其区域发生的事情 
clip 设置元素显示的形状 
vertical-align 设置元素显示的对其方式 
z-index 设置元素的堆叠顺序/用来设置元素的堆叠顺序,越大越在上方/

position的属性
static 静态的(默认) 
relative 相对布局(默认的) 
absolute 绝对布局 (和其他的标签无关联) 
fixed 固定的(不会随着页面的滚动而动)

实例代码:

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表