0

私の問題は、divの配置に関するものです。動的な高さの div があります。600px の場合もあれば 300 の場合もあります。その div を div A と呼びましょう。次に、別の div を div A 内に配置し、常に右下に配置したいと考えています。これを div B と呼びます。

div B を相対的に配置する 1 つの方法を知っており、bottom:xy を使用して作業を行いますが、この場合は機能しません。div A が動的に高さで変化するためです。

私の質問は、これは可能ですか? そのためにJavascriptが必要ですか?

4

3 に答える 3

3

絶対位置を使用してそれを行うことができます

<div class="d1">
<div class="d2"></div>
</div>​

.d1{
   position:relative; 
   height:350px; width:150px; 
   background-color:grey
  }
.d2{
  position:absolute; 
  bottom:0; right:0;
  background-color:red;
  height:60px; width:80px; 
 }​

デモはこちらhttp://jsfiddle.net/aMdrr/

d1 div の高さを変更して効果をテストできます

于 2012-09-11T08:42:28.360 に答える
1
position:absolute;
bottom:0;
width:100%;
于 2012-09-11T08:39:34.390 に答える
0

それは可能であり、私はあなたのために簡単な例を作りました:

http://jsfiddle.net/ujf9D/

注: 私は js スクリプトを使用して、動的な幅/高さの状況を操作しようとします。

于 2012-09-11T08:44:43.457 に答える