Размещение div2, когда содержимое больше, чем размер div1

0

Я пытаюсь сделать страницу на мобильном телефоне с отзывчивым css. Я не могу изменить html, и я пытаюсь разрешить свою проблему только с помощью css.

Представьте, что у меня такой div:

#example {
   width : 25px;
   height : 25px;
}

Внутри этого div у меня есть изображение 1024 * 768. Таким образом, контент больше, чем контент (и я покажу весь контент). Моя проблема заключается в том, что следующий контент будет размещен на 25 пикселей сверху, а не ниже изображения.

EDIT: новый jsfiddle, более точный: http://jsfiddle.net/eABu5/12/

Есть ли у вас какие-либо идеи? Большое спасибо

  • 0
    Почему размеры вашего #example div установлены на 25x25, если ваше изображение имеет большие размеры?
  • 0
    Div никогда не изменяет размерность. Изображение здесь для демонстрации, но в моем случае это текст. Посмотрите новый jsfiddle: jsfiddle.net/eABu5/11
Показать ещё 2 комментария
Теги:
height
overflow

1 ответ

2
Лучший ответ

LIVE DEMO

CSS

#example {
   width : 250px;
   height : 250px;
   background-color : #123456;
}

#pic {
   margin-top: 250px;
   float: left;    
}


#under {
   margin-top: 10px; 
   float: left;
}
Поделиться
  • 0
    Спасибо ! Ваше решение отлично работает в вашей демоверсии и в jsfiddle ... но не на моем сайте: / Я продолжу свое расследование :)
  • 0
    Я воспроизвел более точно то, что не работает в моем конкретном случае. У контента есть позиция: относительная и верхняя часть того же размера, что и div. посмотрите демо: jsfiddle.net/eABu5/11
Показать ещё 9 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню