为什么绝对定位时div的宽度突然变成0？ [复制]

【问题标题】：Why does the width of div suddenly becomes 0 when positioned absolute? [duplicate]为什么绝对定位时div的宽度突然变成0？ [复制]
【发布时间】：2021-09-29 04:01:13
【问题描述】：

考虑以下几点：

<style>
 div{
  height: 100px; 
  background-color: red; 
  }
</style>
<body>
 <div>
 </div>
</body>

现在如果我绝对定位 div，它会突然消失。

<style>
 div{
  height: 100px; 
  background-color: red; 
  position: absolute;
  bottom: 0;
  }
</style>
<body>
 <div>
 </div>
</body>

在检查时，它显示宽度为零。为什么会这样？

【问题讨论】：

标签： html css

【解决方案1】：

因为使用绝对定位，您可以 100% 控制它的大小和位置。它不再是块与内联元素，因为这些术语与元素在文档流中的大小/位置有关，但是当您绝对定位它时，您会将其从正常流中取出。您的 div 是空的，因此除非您声明它，否则不会占用屏幕空间。

【讨论】：