обертка, не содержащая содержимое div

Question

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

http://www.jenniferhope.com/bio

(поплавок еще находится в этом примере.)

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

Answer 1

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

#wrapper { 
overflow:auto; 
} 

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

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