CSS - Calc alternative

Question

我開發的代碼工作得很好，但正如我使用calc函數一樣，一些瀏覽器不支持它。我不知道如何使用替代方法。

我看到了一些答案，並嘗試使用相對，絕對位置。但是，他們都沒有爲我的方案工作。

我的代碼：

HTML：

<div class="row"> 
    <img height="35" width="35" class="img left" /> 
    <div class="title left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices orci mauris, sit amet luctus enim sodales id.</div> 
    <div class="right"> 
     <div class="type"></div> 
    </div> 
    <div class="clr"></div> 
    <div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices orci mauris.</div> 
</div> 

CSS：

.title{width:calc(100% - 50px);} // 35px of image + 5px margin + 10px of icon 

見Fiddle這裏。

PS：我想要CSS唯一的解決方案。現在，因爲我沒有任何解決方案，我使用JavaScript來調整寬度。

任何幫助，將不勝感激。謝謝你的時間。

Answer 1

這是你想要Demo

.title { 
    margin:0 10px 0 40px; 
}