обертка не содержит содержимого div - PullRequest
Новая
       13

обертка не содержит содержимого div

1 голос
/ 25 мая 2010

Я пытаюсь заставить свою обертку хранить мой контент, но это не так. Я вынул поплавки и добавил «переполнение: видимый» безрезультатно. Я думаю, что это из-за моей z-индексации и отрицательных полей, но пытался убрать их, но все равно без изменений. Есть идеи?

http://www.jenniferhope.com/bio

(float все еще в этом примере.)

Спасибо за любую помощь, которую вы можете предложить!

1 Ответ

3 голосов
/ 25 мая 2010

Попробуйте это: 

#wrapper {
overflow:auto;
}

Я посмотрел код на вашем сайте. Есть ряд вещей, которые вы, вероятно, захотите решить. Трудно точно сказать, что вам нужно делать, поскольку я не знаю точно, как вы хотите, чтобы сайт выглядел. Но, в общем, вот несколько указателей:

  • Чтобы содержать плавающие элементы, примените overflow:auto; к родительскому элементу или поместите что-нибудь, чтобы очистить поплавки в нижней части контейнера, например: <div style="clear:both;"></div>
  • Старайтесь избегать использования отрицательных полей для позиционирования. Это нормально в крайнем случае, но обычно есть лучший способ.
  • Если вам нужно, чтобы один элемент располагался поверх другого, вам нужно расположить элемент, используя position:absolute; и z-index. При использовании position:absolute; элемент будет расположен относительно ближайшего предка, к которому применен position:relative;. Если ни один элемент не применяется, он будет расположен относительно элемента body.
...