Question

这是我到目前为止所做的：http://imgur.com/gucAcBM

我希望文本环绕侧面元素和侧面元素重叠而不是在它下面。

HTML：

<div>
    <div>
        Text Text Text Text Text Text Text Text Text Text Text Text Text
    </div>
    <br>
    <div id="sidesideheading">
    </div>
    <div id="sideside">
    </div>
</div>

Answer 1

您将无法在固定位置元素周围浮动文本。固定或绝对定位会使元素脱离其自然流动，文本无法检测到环绕的位置。

如果您想要纯css或使用Javascript在用户滚动页面时将元素放置在包装内，您必须提出另一种解决方案，这最终不是最佳解决方案。您也可以在padding div的右侧设置margin或pside并忘记包装文本 - 这将导致文本不包围在旁边的元素，但文本也不会在它下面。

还有一点需要注意。您不应该在同一页面上有多个具有相同ID的div。改为使用类。

HTML：

<div class="pside"></div>

CSS：

.pside {
  // What ever css declarations here
}

Answer 2

您无法为多个元素分配相同的ID。但现在快速修复

pmt_infs

如何使文本环绕重叠的div标签

2 个答案: