在CSS中计算最大值或最大值

是否有可能做这样的事情

max-width: calc(max(500px, 100% - 80px)) 

要么

 max-width: max(500px, calc(100% - 80px))) 

（但哪些工作！）在CSS3？

Answer 1

你不能。 max()和min()已经从CSS3值和单位中删除。 但是，它们可能会以CSS4值和单位重新引入 。 目前还没有规范， calc()规范没有提到在calc()函数中有效。

Answer 2

实际上，现在可以使用媒体查询来实现“纯粹的”CSS解决scheme：

 .yourselector { max-width: calc(100% - 80px); } @media screen and (max-width: 500px) { .yourselector { max-width: 500px; } } 

Answer 3

解决方法是使用宽度本身。

 max-width: 500px; width:calc(100% - 80px);