1

すでに開いている質問を調べましたが、解決策が見つかりませんでした。

このようなもの：......

      <div style="some height">
         <div style="some width"> .......and so on..
              ..

             <table>
                <tr>
                 <td>
                      <div id="parentDiv">
                         <div id="div1">Title Text and description.</div>
                         <div id="div2">Text+Image button here</div>
                      </div>
                </td>
                <td>
                     ..and more such columns and rows.
               </td>

          <Other divs closing>

parentDiv今、の高さに関係なく、常に のベースに div2 を貼り付けたいと思いparentDivます。

position:relative toparentDivと position:absolute を div2 に指定すると、 のベースに貼り付くように使用できなくなりparentDivます。

これが必要なのは、div1 のコンテンツが原因で他の TD の高さが大きくなった場合に、すべてのテキストとボタン イメージを一列に並べたままにしたいからです。

PS - 実際のシナリオでは JS を使用して機能を提供するため、テーブル内のテーブルを使用してこの問題を修正することはできません。この問題を解決する CSS はありますか?

4

1 に答える 1

6

作ってdiv2 position: absoluteからセット。bottom: 0div2

position:absoluteオンにするだけでdiv2はうまくいきません。配置するにはtop、、、およびCSS プロパティを設定する必要があります。を設定し、の位置が、静的に配置されていない最も近い祖先 (この場合は ) に対して相対的に調整されるようにします。bottomleftrightposition: absolutebottom: 0div2parentDivposition: relative

于 2012-09-23T17:11:53.453 に答える