向左扩展右浮动div

Question

我正在尝试向左扩展右浮动div。 我有一张图片，想在图片的右边放一些文字。 编辑的目标是网站保持动态。 所以我不能使用固定宽度。 我猜一种方法是使用Javascript，但我更愿意仅在可能的情况下在HTML CSS中使用Javascript。

这是我所拥有的照片 这是我想要拥有的图片

如何将右div向左扩展？ 还是应该在中间使用div？

这是HTML

<div id="logo_container">
    <div id="logo_image">
    <img src="../img/KI_Logo_Long_FINAL.png" width="439" height="150" alt="KI-consult logo rectangle"> 
    </div> <!-- div id="logo_image" -->
    <div id="logo_address" height="150">
    test<br>address 1 <br>address2
    </div> <!-- div id="logo_address" -->
</div>  <!-- div id="logo_container" -->

和CSS

#logo_container

{
padding: 0px; 
overflow: hidden; 
zoom: 1;

}


#logo_image

{
float: left;
background-color: transparent;
border: 1px solid red;

}


#logo_address

{
background-color: #0E4194;
color: #FFFFFF;
margin-left: auto; 
padding: 0px; 
float: right;
border: 1px solid red;
height: 150px;

}

Answer 1

#logo_address
{
background-color: #0E4194;
color: #FFFFFF;
padding: 0px; 
textalign: right;
float: left;
border: 1px solid red;
height: 150px;
width: ENTER VALUE HERE;
}

这将是一个解决方案。 如果将#logo_address浮动到左侧，则将文本右对齐，然后输入所需的宽度值。

Answer 2

您需要将背景色放置在#logo_container而不是#logo_address 。 这将使整个包装div（包括两个子元素之间的空间）具有背景色。