对于DIV，我可以在px中指定宽度（％）和最小宽度吗？

Question

我的网页上有一个带有按钮的侧边栏DIV。我将侧边栏的宽度设置如下：

width: 20%; 

但是当浏览器大小减小时，有时候按钮的空间不足。我可以将宽度设为20％，还可以在px中指定最小值吗？

Answer 1

是。这也很常见。玩得开心！

和protip：你总是可以试着找出来;）

Answer 2

是。 W3C CSS recommendation通常不要求宽度和最小宽度等不同尺寸的单位相同。 （不太相关的旁注：您甚至可以为填充等维度混合使用不同的单位，例如padding: 2px 1em;。）

Answer 3

使用“最小宽度”。 例如min-width: 20px;。 但是，如果您希望其宽度始终至少为所包含内容的大小，请考虑使用display: table-cell;