css如何设置宽为总长的三分之一

1、在html里，我们先创建一个父容器div。

2、这里父容器的css样式，我们设置宽度为150px。

3、然后在那个div里面有一个子容器div。

4、子容器div的宽度，我们可以使用百分比来设置，定为33.33%。

5、运行页面，可以看到现在我们的子容器就只占用了父容器的三分之一了。

6、150宽度的三分之一，就是50，现在的宽度是49.98，接近50了，0.02的误差可忽略。

7、当我们的父容器不设置固定的宽度，用100%来设置宽度，子容器同样可以适应的。