html, body {

    width: 100%;

    height: 100%;

}

​

body {

    display: flex;

}

​

div {

    position: relative;

    margin: auto;

    width: 180px;

    height: 180px;

    // background-color: #000;

    border: 1px dashed #000;

}

​

p {

    width: 150px;

    background: #f00;

    padding: 6px;

    font-size: 16px;

    color: #fff;

    margin-top: -10px;

    margin-left: -10px;

}

​

.hidden {

    overflow-x: hidden;

    overflow-y: visible;

}

.hidden2 {

    overflow-x: visible;

    overflow-y: hidden;

}

​

.clip-x {

    overflow-x: clip;

    overflow-y: visible;

}

.clip-y {

    overflow-x: visible;

    overflow-y: clip;

}