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; 
}