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

 时间:2025-01-04 22:04:04

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如何将背景图倒过来显示
  • 热门搜索
    开个什么店好 腿粗穿什么裤子好看 放量是什么意思 高楼林立的意思 欧派是什么意思 什么我想对你说作文 安神补脑液什么牌子好 词类活用是什么意思 孕妇贫血对胎儿有什么影响 生机的意思