前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CSS——定位

CSS——定位

作者头像
Html5知典
发布2019-11-26 17:03:35
6710
发布2019-11-26 17:03:35
举报
文章被收录于专栏:Html5知典Html5知典

定义

位置(Position)属性是对HTML元素的位置进行定义的CSS属性。

概述

流动模型(Flow) 浮动模型(Float) 层模版(Layer) 弹性盒模型

display

列表

元素

描述

bottom

设置定位元素下外边距边界与其包含块下边界之间的偏移。

clear

clear 指定一个元素是紧挨着上一个浮动元素,并必须移动到该元素的下方。

clip

剪裁绝对定位元素。

cursor

规定要显示的光标的类型(形状)。

display

display指定元素中渲染出来的显示盒类型。

float

float 可使一个元素脱离文档流,然后被放置在它所在的容器的左侧或右侧,另外其他的文本或行内元素围绕该元素放置。

left

设置定位元素左外边距边界与其包含块左边界之间的偏移。

overflow

overflow该属性作用在block型元素上。

position

position该属性设置元素的定位方式, 且在动画特效脚本化时效果很好。

right

设置定位元素右外边距边界与其包含块右边界之间的偏移。

top

设置定位元素的上外边距边界与其包含块上边界之间的偏移。

vertical-align

设置元素的垂直对齐方式。

visibility

visibility 属性有两种用法:取值为 hidden 时隐藏元素,并将其所占空间用空白占位。取值为 collapse 时隐藏表格的一行或一列。

z-index

z-index该属性指定元素及其子元素的z-order。当元素之间重叠时,z-order可决定元素显示的顺序。一般z-index较大的元素会在z-index较小的上方显示。

变更点

CSS3增加了一个具有强大布局能力的弹性合子模型,可以完全代替原来的float

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-07-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 定义
  • 概述
  • 列表
  • 变更点
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档