不是说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 绝对定位精讲
3 回答5.2k 阅读✓ 已解决
5 回答2.1k 阅读
2 回答2k 阅读✓ 已解决
1 回答3.1k 阅读✓ 已解决
3 回答2.5k 阅读
3 回答2.2k 阅读
2 回答1.1k 阅读✓ 已解决
正常文档流是等于父元素的宽度。
position: abusolute
让元素脱离了正常的文档流,宽度为最小宽度(子元素或内容撑起的宽度)。