делает ширину растянуть Div, чтобы соответствовать его содержимому

Question

я следующий HTML-код:

<table> 
    <tr> 
    <td> 
     <div id="fixmywidth" style="position:relative; height:30px;"> 
     <div style="z-index: 2000; margin-top: 5px; height: inherit; position: absolute;"> 
      <table style="height:inherit"> 
      <tr style="height:inherit"> 
       <td align="center" style="width: 31px; height: inherit;">&nbsp;</td> 
       <td align="center" style="width: 31px; height: inherit;">&nbsp;</td> 
       <td align="center" style="width: 31px; height: inherit;">&nbsp;</td> 
       <td align="center" style="width: 31px; height: inherit;">&nbsp;</td> 
       <td align="center" style="width: 31px; height: inherit;">&nbsp;</td> 
       <td align="center" style="width: 31px; height: inherit;">&nbsp;</td> 
       ........300 tds later 
       <td align="center" style="width: 31px; height: inherit;">&nbsp;</td> 
      </tr> 
      </table> 
     </div> 
     </div> 
    </td> 
    </tr> 
</table> 

как я сделать DIV с идентификатором «fixmywidth» шириной по ширине вмещающего elemets? я попытался ширина = 100% и widht = авто , но они не будут работать благодаря триллион заранее, Lina

Answer 1

К «содержащие элементы,» вы имеете в виду те элементы, которые содержат <div id="fixmywidth"></dIv>, или элементы, содержащиеся в <div id="fixmywidth"></div>?

Если это последнее, Fabian прав, и этот вопрос находится здесь:

<div style="z-index: 2000; margin-top: 5px; height: inherit; position: absolute;"> 

position: absolute; принимает <div> из потока документа, так что не занимает места. Поэтому его содержащий элемент (<div id="fixmywidth"></div>) не охватывает любые элементы в потоке документа и, следовательно, не имеет размеров.

Вы можете исправить это, удалив position: absolute;, но это может не совпасть с вашими целями макета.

Answer 2

Это невозможно, потому что ДИВ внутри него не на самом деле внутри него, из-за относительное положение/абсолютное.

Im не 100% уверен, что вы пытаетесь выполнить там, но если вы удалите эти 2, он будет правильно соответствовать.

Answer 3

положение удалить абсолютное от непосредственного ребенка fixmywidth

Answer 4

если вы удалите position:relative с «fixmywidth», он должен работать.