1

サイトを微調整しようとしていますが、コンピューターの前に長時間座っていたため、どこに間違いがあるのか​​ わかりません。誰かがcssの基本的な知識を持つ人を助けることができることを願っています.

これが私のcssです：

#body {float: left; width: 100%; min-height:100%;}

#header-wrap, 
#slider-wrap, 
#content-wrap, 
#footer-wrap {
       float: left;
       clear: both;
       width: 100%;
       }

#header-wrap  {
       float: left;
       width: 100%;
       }



#header {height: 100px;}
#slider {height: 500px;}  
#content {padding: 0; text-align: left;}

追加したかった

position: absolute; top: 0px

#slider-wrap を使用して、ヘッダーの右上から開始するようにしますが、これを行うと #content が上に移動し、スライダーの真下に配置されますか?

これらのオブジェクトが次の順序で表示されるようにするための正しい配置は何ですか? 1. ヘッダー 2. スライダー (部分的にヘッダーの下) 3. コンテンツ

スライダーのないページでは、コンテンツはヘッダーに従う必要があります???

このnoobの手がかりは大歓迎です

4

1 に答える 1

0

これ：

#header-wrap, 
#slider-wrap, 
#content-wrap, 
#footer-wrap {
   float: left;
   clear: both;
   width: 100%;
   }

3 つのルールすべてが、指定された 4 つの要素すべてに適用されることを意味します。そこにルールを追加するpositionと、それらすべての要素に適用されます。

代わりに、次を追加してみてください。

#slider-wrap { position: absolute; top: 0px }

于 2012-04-12T12:18:32.707 に答える