CSS宽度：calc（100％-100px）; 替代使用jQuery
我想使用width: calc(100% -100px);哪种功能可以完美地满足我的需求，唯一的问题是它的兼容性。目前，它仅适用于最新的浏览器，而不适用于Safari。
我可以使用jQuery替代吗？即。获取对象的100％宽度-100px，然后将结果动态设置为CSS宽度（这样它就会响应）
问题答案：
如果您使用的浏览器不支持该calc表达式，则使用jQuery模仿它并不难：
$('#yourEl').css('width', '100%').css('width', '-=100px');
让jQuery处理相对计算要比自己完成要容易得多。
-
问题内容： 我正在尝试使用CSS和没有jquery动态地更改div的宽度。 以下代码将 我还希望支持IE 5.5及更高版本 ，我发现了以下内容：表达式。这是正确的用法吗？ 我还可以支持Opera和Android浏览器吗？ 问题答案： 几乎总是可以替换计算规则，例如用于布局。 例如： 如果我有以下标记： 而不是这样做：（假设边栏为300px宽） 做这个： PS： 我不会在IE 5.5（hahahah
-
在鼠标悬停时，我想变换两个相邻的flex元素的位置，如下图所示 标记如下 我希望两个元素都是父元素的100%宽度，第二个元素溢出，这样我就可以在鼠标悬停时变换X。我遇到的问题是两个元素都被挤压到容器中。 我知道我可以在另一个div中包装这两个元素，并给它200%的容器宽度。但想知道这能不能用Flexbox完成
-
问题内容： 我有一个div，我要填充整个身体高度，而不要填充以像素为单位的设定值。但是我不能上班。 我要执行此操作的原因是，我的元素具有基于某些不同标准的动态高度，例如，标头的高度根据其可以包含的不同元素而变化。然后，内容div需要扩展以填充剩余的可用空间。 但是，div元素保持内容的高度-好像并不能将100％解释为body元素的高度。 我将不胜感激任何帮助或朝着正确方向的指点。 问题答案： 您需
-
问题内容： 如何为宽度创建CSS规则 默认使用100％宽度 如果100％的宽度超过了某个像素的宽度（例如512像素），则该宽度将被限制为该像素的宽度 我不确定宽度和最大宽度关系，也不知道如何支持calc（）或可以表达这一点。这需要与最新的WebKit浏览器和Firefox 4配合使用。不需要IE8等支持。 问题答案： 这实际上是的预期用途。如果元素的计算值（实际值）超过，它将被限制为最大值，而不是
-
问题内容： 当我有一个with时，它并不是100％： 现在，当您调整窗口大小时，会有一个水平滚动条，然后向右滚动，则背景消失了。在这种情况下如何保持背景？ 现在，当您调整窗口大小并向右滚动时，您将不再看到背景。如何解决这个问题？ 问题答案： 100％值是父级宽度或视口的100％。请参阅文档。
-
我试图设置一系列div的背景图像，每个都有自己固定的高度，并拉伸以填充宽度，即使顶部/底部有溢出被剪辑。我只是不想边缘有空白。 目前，我有：http://jsfiddle.net/ndKWN/ CSS