Как сделать фигуру в css?
или через псевдо с  transform skew 
типа того https://jsfiddle.net/v4uw6mvs/1/
при таком подходе высота всегда будет совпадать, с шириной можно играться ( и  с z-index тоже )
Через псевдоэлемента before и border jsfiddle htmlbook