如何使文本環繞重疊的div標簽

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將元素放在包裝器內，你必須提出另一個解決方案，這最終不是最好的解決方案。 您也可以在pside div的右側設置padding或margin ，並忘記包裝文本 - 這將導致文本不包圍在旁邊元素，但文本也不會在其下面。

再說一遍。 您不應該在同一頁面上有多個具有相同ID的div。 請改用類。

HTML：

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

CSS：

.pside {
  // What ever css declarations here
}

Answer 2

您不能為多個元素分配相同的ID。 但現在快速修復了

#pside{
    padding-right:16%;
}