問題描述

如何用css畫出一個寬度占滿屏幕，高度固定的三角形？

比如：

在上面那個容器寬度不固定的情況下也可以與上面的容器等寬。

問題解答

用 border 來做的話好像不太容易實現(xiàn)，最后采用漸變和偽元素來實現(xiàn)，可以實現(xiàn)上面的效果，只是不知道你要兼容的瀏覽器版本是什么。

具體代碼參見：http://codepen.io/yuezk/pen/xwQweW