布局和定位的区别

布局是屏幕平面上的
定位是垂直于屏幕的

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;