2016-08-17 58 views
1

文字環繞這是我到目前爲止有:http://imgur.com/gucAcBM怎麼辦讓周圍重疊div標籤

我希望文字環繞重疊側元素,而不是根據它去的sidesideheading和sideside元素。

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> 

回答

1

您不能分配,同一個ID多個元素。但現在快速修復是

#pside{ 
    padding-right:16%; 
} 
2

您將無法在固定位置元素周圍浮動文本。固定或絕對定位會將元素排除在自然流程之外,並且文本無法檢測到環繞的位置。

如果您想要純CSS或使用Javascript將元素定位到包裝器中作爲用戶滾動頁面,這不是最好的解決方案,您必須想出另一種解決方案。您也可以在pside div的右側設置paddingmargin,並忘記包裝文本 - 這將導致文本不包裹在旁邊元素,但文本也不會在它下面。

還有一點需要注意。你不應該在同一個頁面上有多個具有相同ID的div。改用類。

HTML:

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

CSS:

.pside { 
    // What ever css declarations here 
}