老师，怎么计算commodities-item占外容器的百分比啊？
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/base.css">
<script type="text/javascript" src="flexible.js"></script>
<style type="text/css">
.commodities-container{
width: 100%;
background-color: #eee;
}
.commodities{
padding: 0 1.25rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.commodities-item{
width: 49.6667%;
margin: 0.5rem 0;
}
.commodities-item img{
width: 100%;
}
</style>
</head>
<body>
<div class="commodities-container">
<ul class="commodities">
<li class="commodities-item">
<img src="img/img/1.jpg">
</li>
<li class="commodities-item">
<img src="img/img/2.jpg">
</li>
<li class="commodities-item">
<img src="img/img/3.jpg">
</li>
<li class="commodities-item">
<img src="img/img/4.jpg">
</li>
</ul>
</div>
</body>
</html>
正在回答
同学你好，老师大概是明白你的意思了，是不知道commodities-item的width如果作为百分比，该设置设置多少是吗？其实目前阶段，这个数字可以自己随意设置，例如：
它的宽度会自适应的，只要符合效果图，一行实现2个图片即可。而内部元素commodities-item的宽度是基于父元素的宽度*百分数得来的。
祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星