浮動兩個div，一個固定寬度

這裏是我的情況。我想要兩個div並排。左邊的文本保存文本，右邊的文本保存圖像。正確的一個需要固定寬度。我確實遵循了上一個問題的解決方案（不同之處在於，在這種情況下，左邊的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任何幫助！烏羅什

來源

2010-09-28 Uros

你有一個活生生的例子？ – Kyle 2010-09-28 07:48:42

嘗試

display:inline-block; 
float:left;

左格

來源

2010-09-28 05:24:49

嗨Vinay B R，thx但它不工作 – Uros 2010-09-28 05:27:00

試試這個：

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

來源

2010-09-28 05:47:18 Manish

嗨，ManishTHX爲您的答覆。如果我這樣做，ICON div不在VSEBINA div下面 – Uros 2010-09-28 06:09:49

@Uros：恩，這對我很有用......我不確定它是否是爲您或cross創建問題的'contentBoxRight'類瀏覽器問題.. !! 順便說一句，我檢查了它在Chrome 6，FF 3.6.10和IE8。 – Manish 2010-09-28 06:19:55

浮動兩個div，一個固定寬度

回答

相關問題