华为云ID: hw81307085笔记：定位：（position）       定位属性用于设置页面中元素的位置，它是一种布局方式。    四个方式：       static: 默认定位方式，表示标准文档流       relative: 相对定位，默认以body来定位；让定位元素脱离文档流位置；（一般可以用来进行对元素的位置的微调）       absolute: 绝对定位，默认是相对于最近父级定位元素来进行定位；也会让元素脱离文档流位置（一般配合父元素position：relative；使用；口诀：子决父相）       fixed: 固定定位，使元素固定在页面上    四个定位位置属性：       top: 距离顶部的偏移量       bottom: 距离底部的偏移量       left: 距离左边的偏移量       right: 距离右边的偏移量ps:  这个值可以是负数

华为云ID:hw81307085 浮动：       浮动是可以将元素进行左右分布的属性三个属性：       foat： left  左浮动       foat： right 右浮动       foat： none  默认不浮动设置完浮动，会将元素全部视为块级元素，同时元素脱离文档流，这会造成父元素高度塌陷，所以需要清除浮动 清浮动：       clear: left   清除左浮动clear: right   清除右浮动clear: both   清除左和右浮动额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）以上方法不是很推荐使用 实战常用： 伪类清除方式  clear:after（推荐使用）必选属性 ：content: ‘’;  display: ‘block’;  clear: ‘both’ （重点）可选属性 ：height: 0px; overflow: hidden; visibility: none (这是为了兼容浏览器)