如果块元素处于固定位置，为什么不扩展以适应父元素的宽度？

Question

我正在研究一个固定的水平导航栏，该导航栏在屏幕上水平延伸。当我尝试将其位置设置为 fixed 时，无序列表元素仅占用包含其内容所需的宽度。

既然无序列表默认是块元素，为什么它不扩展到全宽呢？

Answer 1

固定位置元素占用的空间与其内容一样多，无论其显示设置为什么。要使其展开以填充内容，您需要设置left和right变量：

#myelement {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

这将使它固定在顶部，拉伸整个宽度。