У меня есть этот HTML:У меня есть HTML-код, который работает так, как будто это невозможно. Как это можно объяснить?
<div style="width: 100%;">
<div style="float: left; width: 44%; display: inline;">
<img width="95%" height="95%" style="border: none;" src="http://www.problemio.com/img/phoneimage.png">
</div>
<div style="display: inline; float: left; width:54%>">
</div>
</div>
<p>
Some text blah blah
Заметьте, что нет ничего во втором дел. И то, что это делает, отображает текст, который находится ниже второго закрывающего div в пространстве рядом с изображением. Другими словами, он помещает его в пространство там пустой div!
Как это может быть? Это как-то ошибка, или она должна быть такой?
Пустой в нем ничего нет, поэтому он не занимает места. Поплавок: слева помещает изображение слева, а «бла-бла» идет в следующем месте, которое находится рядом с ним. –
введите «border: 2px solid red» и 'border: 2px solid blue;' вокруг ваших 2 'div', и я думаю, что это станет яснее - в основном ваши поплавки рушатся, а текст перемещается вверх. – Jonathan
Получил. Спасибо, парни! Поэтому я думаю, что это правильный правильный способ сделать это, правильно? – Genadinik