文档章节

列出display的值,说明他们的作用。position的值, relative和absolute分别是相对于谁进行定位的?

dong23
 dong23
发布于 2017/09/11 14:17
字数 216
阅读 47
收藏 0

diaplay取值有:

block :设置元素以块样式显示

inline:设置元素以行内形式显示

inline-block:向行内元素一样显示,但内容向块级元素一样

none:隐藏元素,在页面中不占据空间

list-item:向块级一样显示,但添加列表样式

 

position的值:

absolute:绝对定位元素,相对于第一个祖先定位,可以脱离文档流

relative:相对定位元素,相对与自身定位,不可与脱离文档流,当进行定位时,所占位置不会消失,仍占据。

fixed:固定定位,绝对定位,相对浏览器窗口定位,脱离文档流,当浏览器滚动时,不会动,是固定的

static静态,没有定位

© 著作权归作者所有

共有 人打赏支持
dong23
粉丝 0
博文 10
码字总数 1763
作品 0
CSS入门指南-3:定位元素

这是《CSS设计指南》的读书笔记,用于加深学习效果。 前一篇CSS入门指南-2:盒子模型、浮动和清除介绍了css盒子模型、浮动和清除,这一篇介绍 css元素的定位。 定位(position) CSS 布局的核...

goodspeed
2017/07/26
0
0
CSS2样式表(属性·定位)

1、position 语法: position : static | absolute | fixed | relative 取值: static : 默认值。无特殊定位,对象遵循HTML定位规则 absolute : 将对象从文档流中拖出,使用 left , ri...

晨曦之光
2012/03/09
0
0
浮动定位BFC边距的合并

1. 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素的特征是 浮动模型也是一种可视化格式模型,浮动的框可以左右移动(根据float属性值而定),直到它...

熊蛋子17
2017/11/14
0
0
07/24 CSS中position总结

我们常常使postion用于层的定位,有时一个布局中有几个小对象,不易用css padding margin进行定位,这个时候我们就可以使用position的absolute、relative(绝对定位、相对定位)来轻松搞定。...

Winnie007
2016/07/27
12
0
一个图片滑动组件

项目用到的技术 transaction,过度动画 translate3d改变z坐标值,来实现图片切换 touchStart touchMove touchEnd 用到的基础知识 vertical-align 属性设置元素的垂直对齐方式(相对于父元素)...

boogoogle
2016/03/09
48
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

7 个致命的 Linux 命令

导读 如果你是一个 Linux 新手,在好奇心的驱使下,可能会去尝试从各个渠道获得的命令。以下是 7 个致命的 Linux 命令,轻则使你的数据造成丢失,重则使你的系统造成瘫痪,所以,你应当竭力避...

问题终结者
今天
0
0
设计模式:工厂方法模式(工厂模式)

工厂方法模式才是真正的工厂模式,前面讲到的静态工厂模式实际上不能说是一种真正意义上的设计模式,只是一种变成习惯。 工厂方法的类图: 这里面涉及到四个种类: 1、抽象产品: Product 2、...

京一
今天
0
0
区块链和数据库,技术到底有何区别?

关于数据库和区块链,总会有很多的困惑。区块链其实是一种数据库,因为他是数字账本,并且在区块的数据结构上存储信息。数据库中存储信息的结构被称为表格。但是,区块链是数据库,数据库可不...

HiBlock
今天
0
0
react native 开发碰到的问题

react-navigation v2 问题 问题: static navigationOptions = ({navigation, navigationOptions}) => ({ headerTitle: ( <Text style={{color:"#fff"}}>我的</Text> ), headerRight: ( <View......

罗培海
今天
0
0
Mac Docker安装流程

久仰Docker大名已久,于是今天趁着有空,尝试了一下Docker 先是从docker的官网上下载下来mac版本的docker安装包,安装很简易,就直接拖图标就好了。 https://www.docker.com/products/docker...

writeademo
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部