0

私は次のURLを持っています：ウェブサイト

私が本当に探しているのは、現在のように天気DIVをページの上部にフロートさせることですが、展開または折りたたむと、上部にフロートするだけで、コンテンツを押し下げることはありません。どうすればそれを達成できますか？

私の天気DIVCSS：

#weather {
    margin: 0 auto;
    padding: 0;
    width: 177px;
    font: 75%/120% Arial, Helvetica, sans-serif;
    top: 0;
    position: relative;
    z-index: 999999999;
}
4

3 に答える 3

2

絶対に配置する

#weather {
    position: absolute;
    left: 50%;
    width: 177px;
    margin-left: -88px; /* 50% of the width */
}

そしてあなたの体padding-topにあなたの現在のラッパーの高さを与えます

body {
    padding-top: 50px; /* or so */
}
于 2013-03-25T20:59:09.783 に答える
1

あなたはそれに相対的または絶対的な位置を与えることができます。

于 2013-03-25T21:01:01.010 に答える
1

'#weather'要素をdomの'#wrapper.shell'領域内に配置し、' position：absolute'プロパティを指定するのが最適な場合があります。

'position：absolute'は基本的に、要素の高さを無視するようにブラウザに指示し、代わりに、定義したcssにすべての表示責任を渡します。

また、「＃weather」の幅を990px​​（サイトのフレームの幅）に設定することで、見栄えを良くすることができます。これにより、サイトのフレームの幅全体に黒いバーが拡張されます。これはあなたのために物事をきれいにし始めます。

于 2013-03-25T21:08:16.683 に答える