css宽度有滚动条

CSS中的宽度属性是非常重要的，它决定了一个元素的宽度大小。但是，当元素的宽度超过了父元素的宽度，就会出现水平滚动条。这时候我们需要使用CSS来解决这个问题。

.overflow {
    width: 100%;
    overflow-x: auto;
}

上面的代码中，我们给父元素一个宽度为100%，同时开启了水平方向的自动滚动条。这样就可以确保子元素不会超出父元素的范围。

另外，我们还可以使用Box-sizing属性来控制元素的盒模型大小。默认情况下，元素的宽度包含了边框和内边距的大小。我们可以把Box-sizing属性设置为border-Box，这样元素的宽度就包含了边框和内边距。这样可以更好地控制元素的大小。

.Box-sizing {
    width: 100%;
    Box-sizing: border-Box;
}

上面的代码中，我们给父元素设置了Box-sizing属性为border-Box。这样子元素的宽度就包含了边框和内边距的大小。

总之，CSS中宽度属性的使用需要注意，特别是当元素的宽度超出了父元素的范围时。我们可以使用overflow属性和Box-sizing属性来控制元素的大小，从而避免出现不必要的滚动条。