CSS-Position

.test1 {
    color:white;
    height: 50px;
    line-height: 50px;
    background:black;
}
.test2 { --------------------------在文档流浮动起来,块级自动沾满行取消，宽度自适应内容，视同行内元素，紧跟着兄弟元素，相对位置不变，后面的元素会前移动
    position: absolute;
    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;
}

CSS-Position

原文：https://www.cnblogs.com/justart/p/8890862.html