html - 如果元素处于固定位置，为什么 block 元素不会展开以适应父元素的宽度？

Question

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

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

Answer 1

固定位置元素占用与其内容一样多的空间，无论它们的显示设置如何。要使其扩展以填充内容，您需要设置 left 和 right 变量:

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

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