Calc替代方案

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

这里见小提琴。

PS:我想要CSS唯一的解决方案。现在，由于我没有任何解决方案，所以我使用javascript来调整宽度。

任何帮助都将不胜感激。耽误您时间，实在对不起。

Answer 1

这是你想要的演示吗

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