帮忙看下 为什么foot的高度设置为百分比无效
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
<title>CSS综合布局</title>
<style type="text/css">
*{
padding: 0px;
margin: 0px;
}
.body{
width: 100%;
height: 30%;
background-color: #87cefa
}
.body img{
width: 30%;
height: 220px;
padding-left:13.33333%;
}
.img{
padding: 10px 0px;
}
.foot{
width: 100%;
height: 100%;
background-color: pink;
border: 1px solid;
}
.foot img{
line-height: 100%;
}
.container{
width: 100%;
height: 100%;
border: 1px solid;
}
</style>
</head>
<body style="width: 100%">
<div class="container">
<div class="body">
<div class="img">
<img src="
http://img1.sycdn.imooc.com/climg//58c0f808000129a303600215.jpg
">
<img src="
http://img1.sycdn.imooc.com/climg//58c0f819000198a703600214.jpg
">
</div>
</div>
<div class="foot">
<div img2>
<img src="
http://img1.sycdn.imooc.com/climg//58c0f81d0001fe4402000060.jpg
">
<img src="
http://img1.sycdn.imooc.com/climg//58c0f8220001dfce02000060.jpg
">
<img src="
http://img1.sycdn.imooc.com/climg//58c0f8780001c74602000060.jpg
">
</div>
</div>
</div>
</body>
</html>21
收起
正在回答 回答被采纳积分+1
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星