4

div相対位置の中に絶対位置を含めるにはどうすればよいdivですか? たとえば、次のような構造です。

.wrapper {
  position: relative;
}

.contentWrapper {
  position: absolute;
  top: 0;
  left: 0;
}
<div class="wrapper clearfix">
  <div class="contentWrapper">
    <div class="content">Looong text here...</div>
  </div>
</div>

の高さcontentWrapperが 0 になり (要素が検査されると)、コンテンツ クラスの div が表示されなくなります。

相対要素内の絶対位置要素に clearfix メソッドを適用する方法はありますか?

ここでやろうとしているのはLooooong text、ラッパーが拡張されないようにすることです (ラッパーは動的な幅を持ち、固定できません)。contentWrapperテキストを含み、それをラップします。また、親ラッパーの幅を埋めて、展開されないようにします。唯一の問題は、contentWrapper の高さが 0 で、テキストが表示されないことです。

これを行う他の方法はありますか？

4

2 に答える 2

0

相対的に配置されたコンテナー内の唯一の要素が絶対配置されている場合は、コンテナーに高さを指定する必要があります。問題はposition:absolue、コンテンツ フローから要素を削除することです。そのため、コンテナは絶対位置の要素の高さを認識しません。

于 2013-09-11T22:45:15.867 に答える