CSS带图像的浮动Div与带背景图像的浮动Div

CSS带图像的浮动Div与带背景图像的浮动Div,css,Css,你好,我有一个浮动Div问题,我不明白 如果我使用float:left属性和图像标记编写一个div,则两者都显示在一行中。 e、 g 弗吕赫斯特·安雷塞达姆。 但当我用与背景图像具有相同图像的DIV来回复图像标记时,两个DIV将显示在两个不同的行上。我不想在第二个DIV中再次使用float:left。img是一个内联元素(如text或span),因此它与任何其他内联元素位于同一行(如果将块元素向左浮动,则会向右移动) div是一个块元素,即每个div都有自己的垂直空间。在一行中获取两个div

你好,我有一个浮动Div问题,我不明白

如果我使用float:left属性和图像标记编写一个div,则两者都显示在一行中。 e、 g


弗吕赫斯特·安雷塞达姆。

但当我用与背景图像具有相同图像的DIV来回复图像标记时,两个DIV将显示在两个不同的行上。我不想在第二个DIV中再次使用float:left。

img
是一个内联元素(如text或
span
),因此它与任何其他内联元素位于同一行(如果将块元素向左浮动,则会向右移动)

div
是一个块元素,即每个
div
都有自己的垂直空间。在一行中获取两个
div
s的唯一方法是:

  • 漂浮
  • 使它们显示:内联

  • “我不想在第二个DIV中再次使用float: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>