I want to display the div (blue), but it can't. Is that possible to make the inner html overlap the border of parent ? 
Thanks. :)


<section>
    <div></div>
</section>


div {
    width: 100%;
    height: 100%;
    background: blue;
}
section {
    width: 0px;
    height: 0px;
    border-top: 100px solid #ececec;
    border-right: 100px solid transparent;
    overflow-x: hidden;
}