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

怎么将图片填满整个div,让图片随着整个框的大小变化而变化

如题目所示

正在回答

3 回答

//在图片中设置图片属性,width=100% height=100% DIV在网页中是固定不会改变,所以当调整DIV时图片//永远是填充满DIV的,即使图片像素不足DIV大,也会被拉伸

<!DOCTYPE HTML>
<html>
<head>
<meta  charset="utf-8">
<title>父元素高度确定的多行文本</title>
<style>
.girl{
    width:200px;
    height:200px;
}
</style>
</head>

<body>
<div class="girl">
<img width=100% height=100% src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
</div>    
</body>
</html>

2 回复 有任何疑惑可以回复我~
#1

死胖子1 提问者

非常感谢!
2016-04-21 回复 有任何疑惑可以回复我~
#2

慕粉3296718

你好,宽高就是填写了100%,下面还是有一点填不满,是怎么回事啊?谢谢
2016-05-22 回复 有任何疑惑可以回复我~

加上*{margin:0; padding:0;}

清除全部的外边距和内边距

2 回复 有任何疑惑可以回复我~

你好,宽高就是填写了100%,下面还是有一点填不满,是怎么回事啊?谢谢

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

怎么将图片填满整个div,让图片随着整个框的大小变化而变化

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信