banner 图片定位设置高度100%

请问：banner 中的图片设置 height:100%,是怎么防止溢出的

ynnn 2017-03-10

源自：HTML5网页布局 2-3 html5页面布局（表现层_banner）

153

收起

3回答

静静静静Y 2017-03-21 15:35:25

父元素height的值*100%，前提是其父元素设置了height

Claireh 2017-03-10 14:13:58

我的理解是：在.banner>ul>li中已经设置了防止溢出，那么img里面就有防止溢出的属性。

所以其实这个height：100%说明img的高和li、active里面设置的高一样，但是又因为li与active内的高本来设置的就不一样，所以img里的height就不能写具体的数值而用百分比。这样就满足了li与active设置不一样的高的情况。

希望我的回答对你有用

提问者 ynnn 2017-03-10 13:57:22

.banner > ul > li >img{
   position:absolute;
   height:100%;
   left:-30%;
}

这里的 height设置100% 是为什么

从何说起_ #1

为了让左右溢出的隐藏所以高度不变跟原来还是等比例我的理解是这样

2017-03-28 13:00:54

相似问题

老师，那个图片宽度100%，高度固定怎么设置？

这里css设置的height为100%，有点疑问

老师，为什么我这个遮罩是100%高度但是没占满图片呢？

父盒子里的子元素设置了绝对定位，父元素高度为0

老师图片位置不对

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号