.test1 {
color:white;
height: 50px;
line-height: 50px;
background:black;
}
.test2 { --------------------------在文檔流浮動起來,塊級自動沾滿行取消，寬度自适應内容，視同行内塊元素，緊跟着兄弟元素，相對位置不變，後面的元素會前移動
position: absolute; -----保持在流中位置不變，預設浮動起來，可以相對于父級元素設定left/right/top/bottom。
height: 50px;
line-height: 50px;
background:red;
clip: rect(0 auto 40px 10px); ------剪切是相對于元素左上角0,0
}
.test3 {
color:white;
height: 50px;
line-height: 50px;
background:black;
}
float在絕對定位時無效