html - div内容相互重叠

Question

这个问题与我如何显示关于 div 的 absolute 位置有关，而不是页面。

我有 div#Div_Report，它有多个页面 div#page1, div#page2,...，每个 page div具有相同 CSS 的内容。

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

这是我的 HTML:-

    <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>

CSS:-

.Div_ClientName{
    top:180px;
}
.Div_ClientName{
    position:absolute;
}
.Div_ClientName{
       left: 175px;
}
#page2{
    margin-top:200px
}

Fiddle Link

Answer 1

试试这个 CSS:

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

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