Критическая Проблема Обертки - PullRequest
Новая
       28

Критическая Проблема Обертки

0 голосов
/ 24 января 2011

Я знаю, что это очень простая и легко решаемая проблема, но я не знаю, так как я новичок в программировании.

Я использую стандартную высоту 300px, но по мере того, как все больше и больше контента добавляется, вместо оболочки, расширяющейся для соответствия контенту, контент выходит из контента. И затем у меня есть второй контейнер с правой стороны этой обертки, который также тянет вниз, если обертка будет расширяться, чтобы соответствовать содержимому. Как я могу это исправить?

обертка: 

     background-color: #FFFFFF;
      margin:0 auto; 
       height: 300px;
        width:60%;
     font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
      border:0px solid #FFFFFF;
       margin-top:25px;
       font-size:15px;
      color: #222222;
      margin-left:60px;

container1: 

         background-color: #000000;
                margin:0 auto; 
                  height: 80px;
             width:20%;
                   border:0px solid #FFFFFF;
                  margin-top:25px;
                  font-size:15px;
                color: #FFFFFF;
                margin-left: 70%;
               margin-top:-317px;

ДИВ # обертка: 

                   <?php echo $userposts;?>

DIV # container1: Добавить пост Добавить изображение

Обновление:

Я исправил это, заменив позицию div в html

Ответы [ 2 ]

1 голос
/ 24 января 2011

Вы указываете фиксированную высоту, поэтому, конечно, ваш div не будет расти, а содержимое будет вытекать. Не устанавливайте высоту. Или, если вам нужна минимальная высота, вместо этого установите свойство минимальной высоты. (Обратите внимание, что IE6 и более ранние версии игнорируют это свойство, поэтому для них вы должны установить свойство height вместо .)

1 голос
/ 24 января 2011

Ну, если вы установите высоту элемента, то этот элемент всегда будет иметь эту высоту.Вы можете изменить поведение элемента при переполнении, добавив overflow: hidden или overflow: hide.Однако, насколько я понимаю, вы на самом деле хотите установить минимальную высоту.Поэтому вместо height: 300px put min-height: 300px это гарантирует, что когда содержимое оболочки превышает 300px, оболочка будет расти вместе с содержимым.

...