0

奇妙なもの...私は960pxのコンテナを持ち、その中にサイドバーがあるウェブサイトを持っています...サイドバーを絶対左に配置する必要がありますが、サイドバーに高さを持たせる必要があるため、ページはフッターがその下に収まるように、サイドバーと同じ大きさ...

リンクを見てください。セットアップ全体がそこにあります。

だから私が始めたものの例はこれです：

    .sidebar {
    background:#fff;
    border: solid 1px #000;
    width:100px;
    float:left;
    margin:25px;

}

http://jsfiddle.net/nMeqp/3/

そして、私ができたことは以下のとおりです。

    .sidebar {
    background:#fff;
    border: solid 1px #000;
    width:100px;
    float:left;
    margin:25px;
    position:absolute;
    left:25px;

}

http://jsfiddle.net/nMeqp/2/

だから私が欲しいのは2番目のもののようなものですが、サイドバーには高さが必要です...

サイトのセットアップ方法では、コンテナからサイドバーを削除することはできません。何時間も試してみたことを信じてください。

これは、ラッパーではなく、ブラウザ ウィンドウの左側に配置する必要があります。

どんな助けでも素晴らしいでしょう！

ありがとう。

編集

要素を非表示にし、jQuery を使用してフェードインし、同時にラッパーの外に移動しました。

jQuery('.sidebar').prependTo(".page").fadeIn()

ご協力いただきありがとうございます

4

2 に答える 2

1

HTML の順序を変更して削除するposition:absolute

<div class="sidebar">        
     content here
</div>    

<div class="wrapper">  
Content here
    <div class="clearfix"></div>      
</div>
<div class="footer"></div>

デモ

于 2013-05-24T11:33:31.837 に答える
0

私はわかりません。これが必要ですか。

これを試して：

ここでチェックしてください：http://jsfiddle.net/nMeqp/7/

.sidebar {
    background:#fff;
    border: solid 1px #000;
    width:100px;
    float:left;
    margin:0px;
    position:absolute;
    left:25px;

}
于 2013-05-24T11:41:02.243 に答える