<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中都会发生。
有什么建议吗?
发布于 2008-10-13 16:22:52
如果你给元素提供了absolute
定位,那么它在火狐中就是50%
。但是,IE不喜欢min-width
或min-height
属性,因此您必须将宽度也定义为50%
才能在IE中工作。
发布于 2008-10-13 17:14:32
如果没有min-width
,您的div将占用整个页面宽度,这就是display:block
元素的行为方式。添加min-width
不能使其更小。
将display
属性更改为absolute
或将float
属性更改为left
将使元素缩小以适合内容。然后,min-width
开始变得有意义了。
发布于 2008-10-13 16:32:37
要添加什么Chris Serra said,在IE <7中(以及在7?这些天我不能保持跟踪,但肯定< 8),width
的行为完全像min-width
应该表现的那样。
https://stackoverflow.com/questions/198153
复制相似问题