Div内容相互重叠

Question

此问题与我如何显示关于absolute的{​​{1}}位置的div，而不是页面。

我有div，其中有多个页面div#Div_Report，而每个页面div 都包含相同css的内容。

我的问题是，如果我将div#page1, div#page2,...位置提供给页面absolute，那么div.Div_ClientName数据会重叠到div#page2。 我知道这可以通过div#page1位置轻松解决，但由于某些原因我无法使用relative位置。 那么我们如何使用relative位置在页面div中设置页面内容？

这是我的HTML： -

absolute

CSS： -

    <div id="Div_Report">
        <div id="page1">
            <div class="Div_ClientName">Childrens Network - Hendry Glades</div>
        </div>
        <div id="page2">
            <div class="Div_ClientName">Childrens Network - Hendry Glades</div>
        </div>
    </div>

Fiddle Link

Answer 1

试试这个CSS：

#page1, #page2 {
    position:relative;
    float:left;
}

......无论如何，它不是一个很好的解决方案......但它解决了事情重叠的问题。