html - 设置宽度为父元素的剩余宽度

Question

我想要一个 width: 150px; 的侧导航，然后内容 float 在它旁边。我希望内容为 100% 减去 150px 侧导航宽度。这可能吗？

我知道我可以用 Javascript 做到这一点，但我更愿意知道一个简单的 CSS 解决方案，比如:

width:100%-150px;

有这样的解决方案吗？

Answer 1

I want the content to be 100% width, minus the 150px side nav width. Is this possible?

是的:

width: calc(100% - 150px);

注意请务必在减号的两边留一个空格。 CSS 解析器需要清楚它正在解析一个负号，后面跟着一个正整数。