2017-01-19 45 views
0

Hier ist der HTML-Code:Wie positioniere ich ein div innerhalb eines absoluten div, aber in Relation zum übergeordneten relativen div?

<div data-page="page1" style="position:relative; width:791px; height:1120px;"> 
 
    <div style="position:absolute; width:553px; height:34px;border: 1px solid #000; top:242px; left:75px"> 
 
     <span style="width:100px; height:17px;top:250px; left:80px;position:inherit;">This is a divTITLE</span> 
 
     <span style="width:100px; height:17px;top:250px; left:100px;position:inherit;">This is a div inherit</span> 
 
    </div> 
 
    </div>

Das Problem ist, dass ich die divTITLE in Bezug auf die Vorfahren div (Seite1) und nicht in Bezug auf das übergeordnete div positionieren wollen. Aber, ich kann nicht scheinen, es richtig zu machen ....

Antwort

0

Da Sie "Position: erben" verwenden, wird es auch Spannen verwenden Sie die Position: absolut. Sie sollten explizit Position: relativ; Verwenden Sie auch "display: block", wenn ein Element eine eigene Zeile haben soll.

<div data-page="page1" style="position:relative; width:791px; height:1120px;"> 
 
    <div style="position:absolute; width:553px; height:34px;border: 1px solid #000; top:242px; left:75px"> 
 
     <span style="width:100px; height:17px; left:80px;;position:relative;">This is a divTITLE</span> 
 
     <span style="width:150px; height:17px; left:100px;position:relative;display:block;">This is a div inherit</span> 
 
    </div> 
 
    </div>

Verwandte Themen