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