@charset "utf-8";
h1{
    background: #ccc;
    padding: 1%;
    color: #fff;
    font-size: 160%;
}
div{
    margin:1% 1% 100px;
    border:solid 1px #666;
    box-sizing:border-box;
}
/*-------------------------- overflow01 --------------------------*/
#overflow01{
    overflow:visible;
    width:200px;
    height:100px;
}

/*-------------------------- overflow02 --------------------------*/
#overflow02{
    overflow:hidden;
    width:200px;
    height:100px;
}

/*-------------------------- overflow03 --------------------------*/
#overflow03{
    overflow:scroll;
    width:200px;
    height:100px;
}

/*-------------------------- overflow04 --------------------------*/
#overflow04{
    overflow:auto;
    width:200px;
    height:100px;
}
/*-------------------------- overflow05 --------------------------*/
#overflow05{
    width:600px;
}
#overflow05 ul{
    overflow:hidden;
}
#overflow05 ul li{
    float: left;
    margin:1%;
    background:#ccc;
}
/*-------------------------- overflow06 --------------------------*/
#overflow06{
    overflow:hidden;
    width:600px;
    height:100px;
}
#overflow06 #box{
    overflow:scroll;
    width:600px;
    height:112px;
    border:0;
    margin:0;
}
/*-------------------------- overflow07 --------------------------*/
#overflow07{
    overflow-y:auto;
    width:200px;
    height:100px;
}
#overflow07e::-webkit-scrollbar{
    display:none;
}
/*-------------------------- overflow08 --------------------------*/
#overflow08{
    width:200px;
    height:100px;
    overflow-y:auto;
    -ms-overflow-style:none;
}