1

私はプログラマーではありませんが、これが私が使用しているテーマのコーディング方法であるため、CSS を学ぼうとしています。

私は自分でかなり遠くまで行きましたが、これは私を困惑させますその2列のテーマ...私が得ることができた限り、次を使用できます:

#left {
   width: 235px;
   padding: 10px;
   margin-left: 20px;
   position: fixed;
   line-height: 15px;

位置を Absolute に変更すると、ページ全体がスクロールします。Fixed のままにして、Twitter フィードや、通常スクロールするところを読み飛ばしてしまうような他のタイプのテキストを追加すると、ちょうど途切れます。 、そこにたどり着けない、強調表示またはスクロール..

私はまた、テーマを 3 列のテーマに変更するというアイデアをもてあそびましたが、やはりプログラマーではないので、本当に混乱するでしょう。どんな助けでも素晴らしいでしょう...

私のウェブサイトは 99lessoxygen.tumblr.com で、コードはhttp://nigredotheme.tumblr.comから見つけました。

固定の場合、ページの右側のみをスクロールでき、左側はロックされていることに注意してください。

4

2 に答える 2

1

私はあなたが探しているものは何であると信じていますoverflow:auto;

を削除する必要がありますposition:fixed。

#box1 {
    height:100px;
    width:200px;
    float:left;
    overflow:auto;
}
#box2 {
    height:100px;
    width:200px;
    float:left;
    overflow:auto;
}

JSFiddle

のApositionはabsolute、相対的な親divから絶対位置を継承します。

たとえば、divを1000ピクセルに設定し、相対位置を設定してから、そのdiv内に絶対位置で別のdivを挿入しright:100px、親divの右側に100ピクセル離れた場所に表示するとします。右。

于 2013-03-02T20:14:30.827 に答える
0

両方の列に高さを与え、これを追加してみてください:

overflow:auto;

これにより、コンテンツがオーバーフローした場合に、コンテナーにスクロールバーが表示されます。

于 2010-05-02T15:01:34.160 に答える