CSS宽度问题与缩放

Question

is there any elegant way of stretching a div to the entire html, rather than the viewport?
http://pastebin.com/iU6e92xy
whenever you zoom and horizontal scrollbars appear, the 'test' div only extends to the initial viewport.

Now i am using jquery to acchieve the effect

$(window).resize(function(){
    $('#test').css('min-width',$(document).width()+'px');
});

TIA

Answer 1

The code below will work for you:

$(window).resize(function(){
    var windowWidth = $(window).width();
    $('#test').css('minWidth', windowWidth); 
});