Question

这是我的情况。我想要两个div并排。左边是文本，右边是图像。正确的需要固定宽度。我确实遵循了前一个问题的解决方案（不同之处在于，在这种情况下左侧div是固定宽度）并且它对我不起作用。

这是HTML（两个div是粗体写的 - 图标中的vsebina）：

<div class="background"> 
  <div class="content"> 
    <div class="leftCol"> 
      <div id="Storitve">
        <div class="contentBox">
          <div class="contentBoxLeft">
            <div class="title">Vzdrževanje</div>
          </div>
          <div class="contentBoxRight">
            <div class="vsebina"> 
            </div>
            <div class="icon">
            </div>
          </div>
        </div 
      </div> 
    </div>
  <div class="rightCol"> 
  </div> 
  <div class="clear"> </div> 
</div> 
<div class="clear"> </div> 
</div>

这是CSS：

   .vsebina {background-color:#876392;}
    .icon {background-color:#872472; width:150px; float:right; height:auto;}

THX任何帮助！乌罗什

Answer 1

尝试

display:inline-block;
float:left;

左边的

Answer 2

试试这个：

.vsebina
{
    background-color: #876392;
    float: left;
}
.icon
{
    background-color: #872472;
    width: 150px;
    float: left;
    height: auto;
}

浮动两个div，一个具有固定宽度

2 个答案: