养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-06 08:19:20

当我们在做html页面开发时,当需要设置缬方焱蜱一个容器为父容器的三分之一的宽度,用css是怎么设置的?使用百分比就行了,下面我们来看一下。

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© 一点知识