调整大小不再是100%

时间:2012-12-12 18:53:18

标签: css header resize scroll

我得到的是这段CSS代码:

#menu_top{
margin: 0;
position:fixed;
background: #4d4d4d;
width: 100%;
height: 90px;
border-bottom: 1px solid #000;
}

这适用于javascript:

$(window).scroll(function(){
    $('#menu_top').css('left',-$(window).scrollLeft());
});   

但是当我调整窗口大小时,对于一个非常小的Dimension,标题不再是100%的宽度。滚动到右边时,它并没有完全填满所有内容。

那么即使调整大小,我怎样才能完成100%的完整窗口填充?

1 个答案:

答案 0 :(得分:1)

您必须提供#menu_top最广泛元素的min-width

http://jsfiddle.net/XhRaB/