.box{ width: 0; height: 0; border-width: 100px; border-style: solid; border-color: transparent #0099CC transparent transparent; transform: rotate(90deg); /*顺时针旋转90°*/ } <div class="box"></div>
relative 相对定位
absolute 绝对定位
fixed 固定定位
static 默认定位
sticky 粘性定位
1.伪对象法
.clearfloat:after{
content:"";
display:block;
clear:both;
height:0;
overflow:hidden;
}
.clearfloat{
zoom:1;
}
2.父元素加clear:both;
3.父元素加overflow:hidden;
4.空div法
浮动元素的后面,加一个 <div class="clear"></div>
添加样式.clear{clear:both;}
5.父元素加height(父元素高已知)