当我们写宽度：100%时是什么意思? - CSS

在 CSS 中，宽度属性通常用于设置元素的宽度。当我们将一个元素的宽度设置为 100% 时，它会将该元素的宽度与其父元素的宽度保持一致。

下面是一个示例，展示了如何将一个元素的宽度设置为 100%：

#my-element {
  width: 100%;
}

上述 CSS 代码中，#my-element 表示我们要对 id 为 my-element 的元素进行样式设置，width: 100% 表示我们将该元素的宽度设置为其父元素的宽度。

需要注意的是，如果该元素的父元素具有设定的宽度值，则该元素也会保持相同的宽度值，因为它是以其父元素的宽度为基础计算的。

这种方法通常用于创建响应式布局，使元素能够根据浏览器窗口的大小自动调整其大小。