0

私が得たのは、次の 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());
});   

しかし、ウィンドウのサイズを非常に小さいサイズに変更すると、ヘッダーの幅が 100% ではなくなります。右にスクロールすると、すべてが完全に満たされるわけではありません。

では、サイズ変更しても完全にウィンドウを 100% 埋めるにはどうすればよいでしょうか?

4

1 に答える 1

1

最も幅の広い要素を指定#menu_topする必要があります。min-width

http://jsfiddle.net/XhRaB/

于 2012-12-12T20:24:51.990 に答える