布局和定位的区别
布局是屏幕平面上的
定位是垂直于屏幕的
CSS position
CSS position
属性用于指定一个元素在文档中的定位方式。top / bottom / left / right
该元素的最终位置。
- 例子:
.div{
position:relative;
top: 0;
left: 2px;
}
-
定位元素(positioned element)是其计算后位置属性为
relative
,absolute
,fixed
或sticky
的一个元素。 -
相对定位元素(****relatively positioned element****)是计算后位置属性为
relative
的元素。 -
绝对定位元素(absolutely positioned element)[计算后位置属性为
absolute
或fixed
的元素。 -
粘性定位元素****(****stickily positioned element****)是计算后位置属性为
sticky
的元素。
文字自动换行
- white-space:nowrap;