为了账号安全,请及时绑定邮箱和手机立即绑定

div中图片显示的困惑

div中图片显示的困惑

牛肉速冻矮子 2016-11-19 23:23:02
图片怎么只显示一张???<!DOCTYPE html><html><head><meta charset="UTF-8"><title> </title><style type="text/css">div{width: 260px;height: 350px;background-color: red;position: relative;margin: 0px auto;}img{width: 260px;height: 350px;position: absolute;}</style></head><body><div><img src="F:/scollVideo/images/test1.jpg"><img src="F:/scollVideo/images/test2.jpg"><img src="F:/scollVideo/images/test3.jpg"><img src="F:/scollVideo/images/test4.jpg"></div></body></html>
查看完整描述

3 回答

?
yuanfengjituan

TA贡献20条经验 获得超7个赞

div 高度350px 一张img高度350px ,请问剩下的img能显示出来吗?

查看完整回答
1 反对 回复 2016-11-19
?
tietth

TA贡献17条经验 获得超8个赞

图片 position:absolute;之后脱离文档流

去掉就能横排显示了

查看完整回答
反对 回复 2016-11-20
?
stone310

TA贡献361条经验 获得超191个赞

你的图片设置了position:absolute;所以都重叠在一起,去掉absolut;然后调整div宽度,图片就可以横排显示

查看完整回答
反对 回复 2016-11-20
  • 3 回答
  • 0 关注
  • 1697 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信