布局和定位的区别

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

CSS position

CSS position属性用于指定一个元素在文档中的定位方式。top / bottom / left / right该元素的最终位置。

  • 例子:
  1. .div{
  2.   position:relative;
  3.   top: 0;
  4.   left: 2px;
  5. }
  • 定位元素（positioned element）是其计算后位置属性为 relative, absolute, fixed或 sticky 的一个元素。
  • 相对定位元素（relatively positioned element）是计算后位置属性为 relative的元素。
  • 绝对定位元素（absolutely positioned element）[计算后位置属性为 absolute 或 fixed 的元素。
  • 粘性定位元素（stickily positioned element）是计算后位置属性为 sticky 的元素。

文字自动换行

  • white-space:nowrap;