0

全体を見渡してみましたが、正しい答えが見つからないようです。これらのdivはすべて、データベースから動的に作成されます。元。

<div class="accordian_header"><div class="title"> any title </div></div>
<div class="accordian_body">
    <div class="topleft"> info....</div>
    <div class="topright"> info...</div>
</div>

ここで、クラス「topleft」を「accordian_body」divの左上に、「topright」を右上に配置します。問題は、私がそれらに位置を割り当てる場合です：絶対的な場合、それらはページの右上に移動します。他のタイプのポジショニングを選択した場合、それは機能しません。

ここで、「accordian_body」をposition：absoluteに設定すると、右上と左上が機能します。問題は、それらをすべて動的に作成しているため、絶対的なものにすることはできないということです。それらは互いに重ねて作成する必要があり、位置属性を残さないことはそのために完璧に機能します。「topleft」と「topright」にはfloat：left、rightを使用できますが、これは機能しますが、テキストや画像を上または下に配置したい場合は、今のところ運がありません。

4

2 に答える 2

2

コンテナを作成するrelativeと、絶対に子を配置できます。

CSS 

.accordian_body {
    position: relative;
}
.topleft {
    position: absolute;
    top: 0;
    left: 0;
}
.topright {
    position: absolute;
    top: 0;
    right: 0;
}
于 2012-06-12T21:55:33.237 に答える
2

position: relativeの設定を試してください.accordion_body。次に、その中に絶対的に配置された要素は、ドキュメントの通常のフローを中断することなく、使用している祖先ではなく、そのコンテナーに注意を払います。

于 2012-06-12T21:56:34.020 に答える