HTML как сделать бэкграунд фигуру?

position:relative;
border-bottom: 202px solid #000000;
border-left: 87px solid transparent ;
height: 0;
width: 100%;
left:50%;
bottom:175px;

проблема в том, что фигура должна уходить вправо в бесконечность, но появляется нижний скролл.. . что сделать, чтобы он не появлялся?