CSS三角形，可100%拉伸文档

这是三角形：

#header-triangle-right {
    position: absolute;
    float: right;
    top:0px;
    right:0;
    z-index: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    border-top: 400px solid transparent;
    border-right: 1000px solid #000000;
}

---

既然“border”不支持百分比，我该如何使这个三角形100%地延伸文档？

我不知道有什么纯CSS的方法可以做到这一点，但如果您对使用jQuery没意见，您可以这样做：

var windowWidth  = $(window).width(),
    windowHeight = $(window).height();

$('#header-triangle-right').css({
    'border-top'   : windowHeight + 'px solid transparent',
    'border-right' : windowWidth + 'px solid  #000'
});

jsfiddle：