0

ページの上部に2つのバーがあるWebページを作成しました（ナビゲーションとTwitterの更新用）。私がこれを行った方法は、各バーに2つのdivを作成し、一方のdivをもう一方の内部に作成することです。これは、バーをページ全体に拡大縮小したいのですが、コンテンツを固定幅に制限するためです。

これで「通常」正常に機能しますが、ブラウザの画面幅が子divの幅よりも小さい場合、親divの外側にオーバーフローします。

ここにページのライブデモがあります：http： //tinyurl.com/7qj3pzs

編集：親divにmin-widthを追加しましたが、問題が修正されたようです：D

4

1 に答える 1

1

親divで、次のCSSを設定する必要があります。

#parentDiv {
    overflow: hidden;
}

これがHTMLであると仮定します。

<div id="parentDiv">
   <div id="childDiv"></div>
</div>

また、「チャート」セクションで、一連のJQueryアニメーションをアニメーションキューにポップしていることに気づきました。.stop()次のようにメソッドをアニメーションにチェーンすると、マウスがなくなった後でも、アニメーションがキューをオーバーロードしてアニメーション化するのを防ぐことができます。

$('a').stop().animate();
于 2012-06-22T23:10:37.213 に答える