0

Делаю "float: left" для картинки и она после этого выходит за границу страницы... Такое впечатление, что страница перестала "чувствовать" высоту картинки.

Как грамотно разрешить ситуацию?

1
  • float выводит элемент из нормального потока, так-что возможны всяческие спецэффекты.
    – MrClon
    30 мая 2014 в 9:59

3 ответа 3

3

http://jsfiddle.net/VwFG7/ - overflow: hidden

http://jsfiddle.net/bJt9C/ - <div class="clear"></div>

http://jsfiddle.net/JBWyG/ - clear: left

http://jsfiddle.net/tvC9n/ - :after

2

Попробуйте после картинки поставить

<div style="clear:both;"></div>
2
  • Или задать clear:both и content:' ' для псевдоэлемента after (.floated-element:after {clear:both; content:' '})
    – MrClon
    30 мая 2014 в 10:01
  • РАБОТАЕТ!!!
    – sitev_ru
    30 мая 2014 в 10:12
0

Алилуя!У меня помогло вставкой перед параграфом с картинкой. Ситуация - картинка заключена в параграф несколько штук подряд, задавал для текста расплываться, а картинке позволять себя обтекать справа. Со всем остальными было всё отлично, а проблемный параграф с картинкой вёл себя не как нужно с теми же параметрами, вместо прилипания к правому краю, съезжала в середину, теперь всё ок! скриншот

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.