由于图片是替换元素并且该图片还进行了绝对定位,且你又没有设置height属性,这时浏览器会显示它的内在高度,534.
处理方式:
1.将position:absolute去掉或换成relative,或者手动设置height属性。
13条回答
-
采纳
点赞 评论 复制链接分享
-
采纳
你只是单独的设置了width的大小,并没有设置height,height默认值就是auto,background还有很多属性,可以通过background-size这个设置图片的大小
点赞 评论 复制链接分享 -
采纳
你要看看你父级元素的宽度有多大啊
点赞 评论 复制链接分享 -
采纳
我觉得是 你的样式 和swiper插件的样式冲突了,这个问题应该是 position,或者float问题引起的
点赞 评论 复制链接分享 -
采纳
我帮您看看是什么地方你到width设置了414px
点赞 评论 复制链接分享 -
采纳
你的代码img元素的父类宽度位414px,你这设置图片 width:100% 最多也就宽度414px
点赞 评论 复制链接分享 -
采纳
行间样式最强大,虽然有点繁琐。最终看行间样式
点赞 评论 复制链接分享 -
采纳
看一下父元素或者css中是不是对图片的高度进行了限定
点赞 评论 复制链接分享 -
采纳
可以设置一下高度自适应 height: auto;或者在外面加个div,给div设置宽高
点赞 评论 复制链接分享 -
采纳
设置一下最小宽度试试.
应该可以.点赞 评论 复制链接分享 -
采纳
设置height: auto;
style="width: 100%; height: auto;"
或者换张图片试试
点赞 1 评论 复制链接分享 -
采纳
举一个小例子:
.a{
position:relative,
padding-top:50%;
height:0;
overflow:hidden;
}
.a img{
position:absolute;
top:0;
width:100%;
}
//padding-bottom=div的宽/高*100%;//div中高度为0,溢出隐藏
点赞 评论 复制链接分享 -
采纳
设置他自己本身100%不行,就试试其他方法,比如设置像素,设置包着它的div,查查swiper的文档看看有没有相关的文档等(我没用过swipe,刚入行不久,嘻嘻),耐心点总能找到方法的。
点赞 评论 复制链接分享
提交
为你推荐
- 为什么给图片设置width:100% 它的高度并没有跟着变化
- css
- 前端
- html5
- 13个回答
- 如何实现子Div的大小随着父Div的大小动态的改变而改变
- css
- jquery
- 9个回答
- 如何让一个固定高宽的图片随着网页的大小而进行缩放
- 图片
- javascript
- html5
- 9个回答
- 设置div随着窗口大小的改变按比例变化
- js
- resize
- html5
- 3个回答