0

これは非常に単純な質問ですが、どこでもこれを行う方法についての答えを掘り下げることができないようです. パーセントを使用して、ネストされた div を外側の div の 100% にする方法はありますか? div は、幅の異なる外側の div に動的に挿入されます。現在、私が抱えている問題は、外側の div からオーバーフローすることです。現在のcssは次のとおりです。

  .bottomDiv
   {
       overflow: hidden;
       height: 30px;
       bottom: 0px;
       left: 0px;
       color: red;
       position: absolute;
   }

div は、外側の div の下部に配置されます。どんな助けでも大歓迎です！

4

2 に答える 2

0

次のようなことができます：

<div id="outer">
    <div id="inner">

    </div>
</div>

このCSSで：

#outer {
    position: absolute ;
    width: 50% ;
    height: 50% ;
    }

#inner {
    position: absolute ;
    bottom: 0% ;
    width: 100% ;
    height: 10% ;
    }
于 2012-08-26T13:51:20.160 に答える
0

わかりました、これは非常に不十分な質問であり、質問に答えようとした人には非常に申し訳ありません. この問題を回避する限り、CSS で 100% を設定してもこの問題は解決しないようです。div を絶対に設定すると、ラッピング div ではなく本体に対して 100% が相対的になります。この問題を回避するには、div を動的に追加し、親の幅を取得して子に適用する JavaScript が必要です。

この問題に遭遇した場合は、次のことを試してください (これは複数の div の場合です)。

  $(".outerDiv").each(function(){
        $(this).append("<div style='width:"+ $(this).width() +"px' class='slateExpand'></div>");
  });
于 2012-08-26T14:10:17.690 に答える