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

 时间:2024-11-06 05:29:26

当我们在做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如何设置宽为总长的三分之一

html如何设置表格单元格垂直居中 js如何重置下拉框 bootstrap可视化工具的使用 Windows Server 2012 R2怎么配置为DNS服务器? css如何将背景图倒过来显示
热门搜索
彼岸花图片大全 赤道电影 电动工具图片 手绘插画图片 低俗图片