为什么CSS min-width属性不强制div具有指定的最小宽度？
为什么CSS min-width属性不强制div具有指定的最小宽度？
提问于 2008-10-13 16:18:15
<html>
<head>
<style type="text/css">
div {
border:1px solid #000;
min-width: 50%;
}
</style>
</head>
<body>
<div>This is some text. </div>
</body>
</html>我认为div应该占页面的50%，除非出于某种原因，div中的文本会使页面变大。但是，div周围的边框延伸到整个页面宽度。这在IE和Firefox中都会发生。
有什么建议吗？
回答 5
Stack Overflow用户
回答已采纳
发布于 2008-10-13 16:22:52
如果你给元素提供了absolute定位，那么它在火狐中就是50%。但是，IE不喜欢min-width或min-height属性，因此您必须将宽度也定义为50%才能在IE中工作。
Stack Overflow用户
发布于 2008-10-13 17:14:32
如果没有min-width，您的div将占用整个页面宽度，这就是display:block元素的行为方式。添加min-width不能使其更小。
将display属性更改为absolute或将float属性更改为left将使元素缩小以适合内容。然后，min-width开始变得有意义了。
Stack Overflow用户
发布于 2008-10-13 16:32:37
要添加什么Chris Serra said，在IE <7中(以及在7？这些天我不能保持跟踪，但肯定< 8)，width的行为完全像min-width应该表现的那样。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/198153
复制相关文章
相似问题