替代绝对？

Question

1）

<div class="testimonials">
    <div class="content">
      <p>Content ONE</p>
      <p>Content TWO</p>
      <p>Content THREE</p>
    </div>
  </div>
  <div class="other-content">
    <p>Content Here</p>
  </div>

2）在上面的代码中，我已将position:absolute提供给<p></p>代码，因此other-content类内容未显示在content类下。

3）我需要在other-content课程下方显示other-content个内容。

4）请不要使用身高，解决问题。

5）请检查以下链接。

6）这是fiddle。

提前致谢。

Answer 1

从.content p

中移除位置

试试这个..

.content p{
    width: 50%;
    background-color: #eee;
    float: left;
    padding: 15px;
    }

FIDDLE

Answer 2

将两个div（推荐和其他内容）包装在一个额外的包装器div中，然后在该包装器上设置position:absolute。

FIDDLE

＆＃13;

＆＃13;

.wpr {
  position: absolute;
}

＆＃13;

<div class="wpr">
  <div class="testimonials">
    <div class="content">
      <p>Content ONE</p>
      <p>Content TWO</p>
      <p>Content THREE</p>
    </div>
  </div>
  <div class="other-content">
    <p>Other Content Here</p>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;