0

私は解決策を見つけるためにほとんどどこでも探してきました..

とにかく、私は 2 つのサイドバーを互いに「積み重ね」ようとしていますが、サイドバーの横にあるコンテンツが最初のサイドバーよりも高くない限り、2 つ目のサイドバーは最初のサイドバーの下に入ることができません (奇妙な説明ですが、私はそれを説明する他の方法を理解できませんでした。）

両方とも、次の同じ ID を持つ 2 つの異なるタグ内にあります。

#designsidebar {
float:right;
width:155px;
padding:10px;
border:solid;
border-width:1px;
border-color:#333330;
background-color:#171715;
margin-bottom: 10px;
border-radius: 10px;
}
4

3 に答える 3

1

両方を同じタグに入れ、そのタグを右にフロートさせる必要があります。また、1 つのページに指定されたものを 1 つしか持たないidでください。

于 2013-10-07T18:39:14.880 に答える
0

まず、2 つの異なるものに同じ ID を使用しないでください。なぜかIDと呼ばれています。代わりにクラスを使用する必要があります。ベスト プラクティスはさておき、あなたの質問を理解できたかどうかはわかりませんが、サイドバーをposition:absolute;に設定しz-index、それに応じて を設定する必要があるかもしれません。z-indexJavaScript を使用すると、基準を満たしたときにそれが変更される可能性が最も高くなります。基準が何であるかわからないので、それを扱う他の可能な方法を言うのは難しい.

于 2013-10-07T18:41:42.157 に答える
0

同じページに複数あるため、idを a に変更する必要があります。classフロートをクリアするだけです。そこには2つのbackground-color仕様もあるので、最後のものを削除し、border速記CSSに変更しました。

.designsidebar {
    float: right;
    clear: right;
    width: 155px;
    padding: 10px;
    border: 1px solid #333330;
    margin-bottom: 10px;
    border-radius: 10px;
}
于 2013-10-07T18:40:01.340 に答える