HTML CSS如何使兩個div逐一和動態改變寬度

Question

我有一個HTML表單，並需要獲得閱讀和藍色圓圈一一（垂直神韻：），並進入內圓周值是，當我需要動態用CSS改變寬度，從而獲得所需value..i與顯示嘗試：內聯表和模塊，但它不工作...這裏是圖片是什麼，我得到什麼我需要得到：

http://imgur.com/Jt1nuh3 

從圖像我需要自動改變左和寬度上取決於進入圓周值（+999）紅色和藍色圓圈，需要BI內嵌像縮小圖片...我開始使用在線對CSS像在第一頁.. 。

這裏是我的html代碼：

<!-- page device statistics --> 
    <div class="devicestat" title="Online: 0"> 
     <!-- page device title --> 
     <div class="stat-name"> 
      <div class="stat-name-devices">Devices</div> 
      <!-- android device --> 
      <div class="stat-badget-android" title="Android">+0</div> 
      <!-- enigma device --> 
      <div class="stat-badget-enigma" title="Enigma">+0</div> 

      <div class="stat-number">0</div> 
     </div> 
    </div> 

Answer 1

你可以嘗試設置CSS的紅色和藍色圓圈有浮動：權利;並明確：兩者;這樣，他們總是被設置到右側對齊完全不管他們是什麼號碼。示例如下：

.stat-badget-android{ 
float:right; 
clear:both; 
} 
.stat-badget-enigma{ 
float:right; 
clear:both; 
} 

如果您想要更好的示例，我需要查看您的css和html。