在内部DIV

Question

我有一个非常简单的例子，根据内容，外部DIV没有完全调整大小。问题是内部DIV的顶级属性，这使得它从父级中脱离出来。有没有办法垂直调整外部DIV的大小，无论是否使用顶级属性？我知道我可以使用jQuery，但是只能用CSS吗？

＆＃13;

＆＃13;

<div id="divPTX_01" style="position:relative;min-height:1px;overflow:hidden;min-width:1px; border: 1px solid red;">    			    	 
    <div style="position:relative;float:left;border:2px solid blue;top:130px;">
      <span>Test</span><br/>
      <span>Test</span><br/>
      <span>Test</span><br/>
      
      
      <span>Test 6</span><br/>
      <span>Test 7</span><br/>
      <span>Test</span><br/>
      <span>Test</span><br/>
      <span>Test</span><br/>
      
      
      <span>Test 6</span><br/>
      <span>Test 7</span><br/>
    </div>
      
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

而不是top尝试使用margin-top

＆＃13;

＆＃13;

<div id="divPTX_01" style="position:relative;min-height:1px;overflow:hidden;min-width:1px; border: 1px solid red;">    			    	 
    <div style="position:relative;float:left;border:2px solid blue;margin-top:130px">
      <span>Test</span><br/>
      <span>Test</span><br/>
      <span>Test</span><br/>
      
      
      <span>Test 6</span><br/>
      <span>Test 7</span><br/>
      <span>Test</span><br/>
      <span>Test</span><br/>
      <span>Test</span><br/>
      
      
      <span>Test 6</span><br/>
      <span>Test 7</span><br/>
    </div>
      
</div>

＆＃13;

＆＃13;

＆＃13;