css宽度: calc(100% -100px)；替代使用jquery
css宽度: calc(100% -100px)；替代使用jquery
提问于 2012-06-20 18:06:23
我想使用width: calc(100% -100px);，它完美地完成了我所需要的工作，唯一的问题是它的兼容性。目前，它只能在最新的浏览器中工作，在Safari中根本不能工作。
我可以选择使用jQuery吗？即。获取对象的100%宽度-100px，然后动态地将结果设置为CSS宽度(因此它将具有响应性)
回答 6
Stack Overflow用户
回答已采纳
发布于 2012-06-20 18:10:25
如果你有一个不支持calc表达式的浏览器，用jQuery来模仿它并不难：
$('#yourEl').css('width', '100%').css('width', '-=100px');让jQuery处理相对计算要比自己做要容易得多。
Stack Overflow用户
发布于 2014-09-29 22:19:25
我想这可能是另一种方式
var width= $('#elm').width();
$('#element').css({ 'width': 'calc(100% - ' + width+ 'px)' });Stack Overflow用户
发布于 2012-06-20 18:10:52
100%-100px相同
div.thediv {
width: auto;
margin-right:100px;
}使用jQuery：
$(window).resize(function(){
$('.thediv').each(function(){
$(this).css('width', $(this).parent().width()-100);
})
});类似的方法是使用jQuery resize plugin
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11117216
复制相关文章
相似问题