# 浮动 div:nth-of-type(4){ float:left|right|none; # 设置浮动,脱离标准文档流 # 向左 右 无 } div:nth-of-type(2){ clear: right|left|both|none; # 清除右边浮动、左边浮动、两边浮动、不清除浮动 } # 修改行、块元素特性 span{ width: 100px; height: 100px; display: inline-block|inline|block|none; # 两者兼备、行内、块级、不变 } # position定位属性 .box2{ position:absolute|relative|fixed; # 绝对定位、相对定位、固定定位。 right:30px; top:130px; } # 绝对定位需要有参照物,所有上级都没有相对定位,就依据body移动 # 相对定位参照自身位置移动,移动后原本的位置不被覆盖 # 固定定位依据浏览器窗口移动,并固定在指定的位置 .box{ opacity: 0.2; # 调整元素透明度,0~1之间 z-index: 0; # 调整position定位属性的元素的层级,0是初始值 }