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

概述我希望有一个宽度为150px的侧导航;然后浮动在它旁边的内容.我希望内容为100％减去150px侧导航宽度.这可能吗？ 我知道我可以在Javascript中做到这一点,但我更愿意知道一个简单的CSS解决方案,这将是： width:100%-150px; 有这样的解决方案吗？ I want the content to be 100% width, minus the 150px side nav 我希望有一个宽度为150px的侧导航;然后浮动在它旁边的内容.我希望内容为100％减去150px侧导航宽度.这可能吗？

我知道我可以在Javascript中做到这一点,但我更愿意知道一个简单的CSS解决方案,这将是：

wIDth:100%-150px;

有这样的解决方案吗？

解决方法

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

是：

wIDth: calc(100% - 150px);

注：务必在减号的两侧留一个空格. CSS解析器需要清楚它正在解析一个减号,然后是一个正整数.

总结

以上是内存溢出为你收集整理的html – 将宽度设置为父元素的剩余宽度全部内容，希望文章能够帮你解决html – 将宽度设置为父元素的剩余宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。