position是什么意思？用法、例句(position 和 display 的取值和各自的意思和用法)

这篇文章给大家聊聊关于position是什么意思？用法、例句，以及position 和 display 的取值和各自的意思和用法对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

position属性取值：static(默认)、relative、absolute、fixed、inherit、sticky。

display属性取值：none、inline、inline-block、block、flex、inherit。

1、display:none和visiability:hidden都可以隐藏div，前者不占据文档的空间，后者占据文档的位置。

2、inline:行内元素，以水平方式布局，垂直方向的margin和padding都是无效的，大小和内容一样，且无法设置宽高。

3、block:块元素，独占一行，可以使用margin来控制元素之间间距

4、inline-block:既具有block的宽度高度特性又具有inline的同行特性。

5、display:flex意为”弹性盒布局模型”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为flex布局。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。采用flex布局的元素，称为flex容器。它的所有子元素自动成为容器成员，称为flex项目（flexitem）。

关于position是什么意思？用法、例句和position 和 display 的取值和各自的意思和用法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。