不是说div的默认宽度是100%吗?
忽然发现,在绝对定位时,div的宽度是自适应的?
<style>
.x1{height:50px;background: red;position:absolute;left:50px;top:200px;}
</style>
</head>
<body>
<div class="x1">
ffffffffffffff
</div>
连IE6都是这样
不是说div的默认宽度是100%吗?
忽然发现,在绝对定位时,div的宽度是自适应的?
<style>
.x1{height:50px;background: red;position:absolute;left:50px;top:200px;}
</style>
</head>
<body>
<div class="x1">
ffffffffffffff
</div>
连IE6都是这样
在绝对定位的时候,块元素有一个特征就是可以自动伸缩。
当width: auto
并且left
和right
都为0时,你会发现宽度为100%。
详细请见我的博客:CSS position: absolute 绝对定位精讲
2 回答858 阅读✓ 已解决
4 回答950 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
2 回答829 阅读✓ 已解决
2 回答1k 阅读✓ 已解决
2 回答2.6k 阅读
正常文档流是等于父元素的宽度。
position: abusolute
让元素脱离了正常的文档流,宽度为最小宽度(子元素或内容撑起的宽度)。