2011-09-03 59 views
2

我的网页上有一个带有按钮的侧边栏DIV。我拥有侧栏,设置的宽度如下:我可以在px中为DIV指定宽度的百分比和最小宽度吗?

width: 20%; 

但是当浏览器尺寸为降低然后有一段时间没有为按钮足够的空间。我可以将宽度设置为20%,但是也可以在px中指定最小值?

+0

这实际上是使用'width'和'民width'在一起的非常点。 – BoltClock

回答

3

是。这也很常见。玩的开心!

而且普罗蒂普:你总是可以只是尝试找出;)

+2

我会忽略笑脸并断言*试着找出*永远不会给出**一般答案**。通过试验和错误进行编程是世界上99%的劣质软件和糟糕的网页设计只在单一浏览器上工作的原因。尽可能使用(阅读,理解,生活)硬件规格,Luke,即W3C CSS TR。 – Jens

+0

@Jens:试错是成功的基础。你所说的99%只是懒得*测试*他们创造了什么。设计和测试是两个不同的发展阶段。 – animuson

+2

@animuson:我衷心不同意。即使经过测试,反复试验也无法回答“这项工作会做什么?”它只给出了一个答案:“它对我的机器/操作系统/浏览器/编译器是否适用于我正在使用的特定版本和选项?”这个答案就在**无用**旁边。编程和设计的正确方法是遵循并使用商定的规范,对CSS来说,它是W3C CSS TR。在跨平台兼容性方面,试验和错误是无尽的挫折之路。 – Jens

0

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

+0

你的答案是更好的你加入之前'显示:表cell'位......虽然我仍然认为你误解了这个问题。 – animuson

+0

那是什么? – 2011-09-03 20:40:55

+0

他想知道你是否可以一起使用它们,而不是如何使用最小宽度。另外,'display:table-cell'语句很糟糕。使用'diaply:block'好得多。 – animuson

1

是的。 W3C CSS recommendation通常不要求宽度和最小宽度等不同尺寸的单位相同。 (不太相关旁注:你甚至可以像填充尺寸混合不同的单位,例如padding: 2px 1em;

相关问题