2

ページの上部にバーを追加する小さなjsファイルがあります。このファイルは、あらゆる種類のサイトデザインに含めることができます。本文の余白/パディングが0に設定されているページでは、バーが正常に表示されます。ただし、ページに左または右のパディングがある場合、バーは全幅に拡大されません。

問題は、デザインに理由があるかもしれないので、ページの本文のスタイルを操作したくないということです。だから私の質問は:

ボディのパディング/マージンを操作せずに、divをブラウザの幅いっぱいに強制するにはどうすればよいですか?

私はしばらくの間検索しました、そして、答えはすべて体のパディング/マージンを設定することを言います。

ありがとうございました

編集:

これについてはjqueryに頼ることはできません。現在、プレーンjavascriptを使用してバーのhtmlを追加しています。doc = dochtml +'html string ....' + dochtml .. ..

編集2:

私はすべてのスタイルとHTMLを書き込んでいます。外部ファイルにリンクしていません。CSSのリセットと同様に、残りの要素に問題が発生します。このバーは人々が彼らのサイトに含めるものであり、私は彼らのデザインを台無しにすることはできません。

4

1 に答える 1

3

開始タグの直後に<body>タグを追加する必要があります<div>。divのスタイルは次のようにする必要があります

div {
    position:absolute;
    top:0px;
    left:0;
    width:100%
    height: 20px;
}

div は常にブラウザーの幅にする必要があります。パディングを追加する必要がある場合は、含まれている div 内に別の div を追加する必要があります。そうしないと、パディングによって幅が 100% を超えてしまいます。また、フローティング div が本文のコンテンツと重ならないように、本文にマージンを追加する必要があります。それが理にかなっていることを願っています!

これが例です

于 2012-05-29T21:53:03.857 に答える