如何用css画出一个宽度占满屏幕，高度固定的三角形？

Question

如何用css画出一个宽度占满屏幕，高度固定的三角形？

比如：

在上面那个容器宽度不固定的情况下也可以与上面的容器等宽。

Answer 1

用 border 来做的话好像不太容易实现，最后采用渐变和伪元素来实现，可以实现上面的效果，只是不知道你要兼容的浏览器版本是什么。

具体代码参见：http://codepen.io/yuezk/pen/xwQweW