CSS定位

CSS定位:改变元素在页面上的位置
CSS定位机制:
普通流:元素按照其在HTML中的位置顺序决定排布的过程
浮动
绝对布局
CSS定位属性:
position:把元素放在一个静态的、相对的、绝对的、或固定的位置中
top:元素向上的偏移量
left:元素向左的偏移量
right:元素向右的偏移量
bottom:元素向下的偏移量
overflow:设置元素溢出其区域发生的事情
clip:设置元素显示的形状
vertical-align:设置元素垂直对齐方式
z-index:设置元素的堆叠顺序,比如两张图片,整数,尽量100以内,谁的大谁在上层
CSS position属性:static,relative,absolute,fixed
static:静态,此时偏移量不起作用
relative:相对布局,偏移量有作用
absolute:绝对布局,覆盖内容,滚动鼠标,不随鼠标位移
fixed:固定,覆盖内容,滚动鼠标,随鼠标位移

CSS浮动:
float属性可用的值:
left:元素向左浮动
right:元素向右浮动
none:元素不浮动
inherit:从父级集成浮动属性
clear属性:去掉浮动属性(包括继承来的属性)
clear属性值:
left\right:去掉元素向左、向右浮动
both:左右两侧均去掉浮动
inherit:从父级继承来clear的值

 

转载于:https://www.cnblogs.com/CherishZeng/p/10177576.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值