CSS Плавающее Div с изображением VS Плавающее Div с Div, имеющим фоновое изображение

Question

Hallo У меня есть проблема с плавающим Div, которую я не могу понять.

Если я пишу div с поплавком: свойство left и тег изображения, оба отображаются в строке.

например

<div style="background-image:url(calendar_container_bg.gif);background-repeat:repeat-x;width:670px;height:253px;border:1px solid #8E9EAB"> 
      <div style="height:36px"> 
       <div style="float:left;color:#01389F;font:bold 14px Arial;padding-left:20px;line-height:36px;width:614px;"> 
        Frühestes Anreisedatum. 
       </div> 
       <img src="calendar_close_btn.gif" style="padding-top:10px"> 
       <div style="clear:left"></div> 
      </div> 
      </div> 

Но, как я repleace тег изображения с ДИВ, имеющий такое же изображение, как фоновое изображение, то оба DIV будет отображаться на 2 другой линии. Я не хочу использовать float: снова остаюсь во втором DIV.

Answer 1

img - это встроенный элемент (например, текст или span), поэтому он идет по той же линии, что и любые другие встроенные элементы (которые перемещаются вправо, если вы плаваете элемент блока слева).

div является блочным элементом, то есть каждый div получает свое собственное вертикальное пространство. Единственные способы, чтобы получить два div с в одной линии:

1. плывут их
2. Сделать их display: inline