0

わかりました、これまでのところ提案はありませんでした。

class="container"追加のクラスまたは id のみを使用してセクションを絶対に配置すると、相対的に配置された祖先の<div>外側に配置され、「バンド バナー」内に配置する必要があります。<div>class="band banner"<div>

なぜだか途方に暮れています。誰かアイデアがありますか?

ここに再びテストサイトがありますhttp://test-site.zymichost.com

スケルトン ボイラープレートを使用して Web サイトを開発しており、特定のセクションであるバンド スライドショーの Flexslider スライドショーの背景を作成したいと考えています。

インデックス ページには 4 つのメイン バンドがあります。ヘッダー、スライドショー、本文、フッター。

以下の例に入れているのはスライドショー バナーのみです。例でわかるように、スライドショーと最新ニュース ブロックがあります。スライドショーの上に最新ニュース ブロックが必要ですが、スライドショーが必要です。このスライドショー バナーの下には、重ねたくない最新ニュース要素に似た要素が他にもあるため、ドキュメントの流れの中にとどまります。

ここに私のジレンマがあります。Flexslider スライドショーを絶対に配置すると、最新ニュース要素がスライドショーと重なってしまいますが、その下のバンド (本文) とそれに含まれる要素も重なってしまいます。良くない。

最新ニュース セクションで絶対配置を使用すると、スライドショー バナーの外側にとどまり (含まれている要素を に設定してもposition:relative;)、何か混乱させられます。また、負の配置 (boooo hiss) を使用すると、ブラウザーが再起動したときにめちゃくちゃになります。 -サイズ。パンツ。

テストサイトの URL は次のとおりです。

http://test-site.zymichost.com

投稿が少し大規模になるため、ここにコードを含めていません。

先ほど言ったように、スライドショー バナーしか含まれていませんが、必要に応じてさらに追加します。

これは明白なことかもしれませんが、それは私の頭を悩ませています。どんな助けも大歓迎です。

4

1 に答える 1

1

絶対配置された要素は親要素内のスペースを占有しないため、section.container下に表示されますdiv.band.bannerが、相対的であるかのように流れます。実際の位置 (おそらく上と左) を指定して、バナー画像の上に表示します。「体の下のバンド」の意味がわかりませんが、これは私の側ではどのように見えるかです

ここに画像の説明を入力

于 2012-11-23T16:51:21.860 に答える