css 块级元素设置width

在 CSS 中，块级元素是指那些默认情况下会占据一整行的元素，比如 div> 、p> 等等。当我们想要改变块级元素的宽度时，就可以使用 width 属性。

/* 给一个 div 元素设置宽度为 300px */div {
      width: 300px;
}

在上面的代码中，我们给一个 div 元素设置了宽度为 300 像素。需要注意的是，这里的 width 只能用来设置元素的宽度，而不能用来设置高度，如果我们想要设置高度，则需要使用 height 属性。

另外，如果我们想要让一个块级元素宽度自适应父元素或是浏览器窗口的大小，可以将 width 设置为 100%。例如：

/* 让一个 div 元素宽度自适应父元素 */div {
      width: 100%;
}

上面的代码中，我们让一个 div 元素的宽度自适应其父元素的宽度。当父元素的宽度发生改变时，这个 div 元素的宽度也会自动调整。

除了可以直接设置固定的像素值或百分比外，我们也可以使用 CSS 的计算单位来设置宽度。例如：

/* 让一个 div 元素的宽度等于父元素宽度减去 20 像素 */div {
      width: calc(100% - 20px);
}
    

在上面的代码中，我们使用了 calc 函数来计算 div 元素的宽度。这个函数可以接受加减乘除等四则运算，可以用来实现非常复杂的宽度计算。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！