overflow: hidden;display: flex;display: inline-flex;display: inline-block;position: absolute;position: fixed;
时间: 2024-05-31 07:06:00 浏览: 266
这是一些CSS属性,可以用来控制HTML元素的布局和位置。具体如下:
- overflow: hidden: 当元素内容超出其高度和宽度时,隐藏额外的内容。
- display: flex:用于弹性布局,可以使元素在同一方向上对齐,能够轻松控制元素的宽度、高度、间距和排序。
- display: inline-flex:与flex相似,但是它是在行内而不是块内。
- display: inline-block:行内块元素,与默认的行内元素相似,但可以设置宽度和高度。
- position: absolute:基于最近的非 static 定位祖先元素的位置来确定元素自身位置,不会改变其他元素的位置。
- position: fixed:元素相对于视口的位置而不是相对于文档的位置进行定位,即无论滚动条如何滚动,元素的位置都不会改变。
范例:
```
假设我有一个div元素,它的id为myDiv,并且我希望它始终在浏览器窗口的右下角,宽度为200px,高度为100px,同时不显示溢出的内容,并且在内部使用弹性布局。我会这样设置CSS属性:
#myDiv{
position: fixed;
bottom: 0;
right: 0;
width: 200px;
height: 100px;
overflow: hidden;
display: flex;
}
```
阅读全文