带有百分比 + 静态值的 css

Question

我知道以下内容是错误的，但生成类似内容的更简单方法是什么？

 .classhere{
 width: 50px + 10%
 }

所以这里的 div 最小宽度为 50px +10%(假设父级为 100px)所以 55px 并且当父级全屏时，例如1800px .classhere 的宽度为 50+180px。

更新:

欢迎使用 javascript、jQuery 和其他解决方案

Answer 1

你可以像下面那样做。

HTML

<div class="parent">
    <div class="child"></div>
</div>

CSS

.parent{
    width:100px;
    height:100px;
    background-color:blue;
}

.child{
    background-color:green;
}

jQuery

$(document).ready(function(){
    $(".child").width(50+($(".parent").width()*0.1));
    $(".child").height(50);
});

如果你想看它的演示，jsfiddle 是 here