css div в div некорректная высота

Я бы хотел, чтобы контейнер div изменил размер до содержимого (содержимое div). Это не так.css div в div некорректная высота

example.html:

<html> 
    <head> 
     <link href="example.css" rel="stylesheet" type="text/css"/> 
    </head> 
    <body> 
     <hr/> 
     <div class="container"> 
      <div class="content"> 
      lorem ipsum 
      </div> 
     </div> 
     <hr/> 
    </body> 
</html>

example.css:

.container 
{ 
    border-style: solid; 
    position: relative; 
} 

.content 
{ 
    border-style: dashed; 
    position: absolute; 
}

С уважением!

источник

2010-07-29 Panayiotis Karabassis

Абсолютно позиционированные divs не зависят от их родительских div, поэтому его размер не изменится. Почему это должно быть абсолютным? – codersarepeople

У меня есть другой div в контейнере. Я хочу, чтобы они появлялись бок о бок (в одной горизонтальной линии). Поэтому я использую абсолютное значение для второго div для достижения этого. –

Я считаю, что это потому, что ваше положение содержания является абсолютным. Я думаю, что это в значительной степени разрушает влияние родителей в этом контексте. Попробуйте прокомментировать эту строку и посмотрите, работает ли она.

источник

2010-07-29 05:16:20

Да, но это должно быть абсолютным. Это упрощенный пример для демонстрации проблемы. –

Я заметил, что вы сказали, что хотите, чтобы они появлялись бок о бок. Вы пытались использовать 'float: left;'? Вам нужно будет применить его к обоим и удалить абсолютную позицию. Если вам действительно нужно использовать абсолютное значение, вам нужно будет сделать какой-то творческий JavaScript и, возможно, обновите JavaScript, когда размер окна \ контейнер будет изменен. –

Да, но проблема в том, что если размер двух divs превышает размер окна, второй плавающий div будет отображаться ниже первого. В любом случае, спасибо вам и всем остальным! –

css div в div некорректная высота

ответ

Смежные вопросы