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

源自：15-1 水平居中设置-行内元素

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

如题目所示

提问者：死胖子1 2016-04-21 11:15

个回答

HExri3228436

2016-04-21 11:58:32

已采纳

//在图片中设置图片属性，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://img.mukewang.com/54ffac56000169c001840181.jpg" title="害羞的小女生"/>
</div>
</body>
</html>

2
HExri3228436

2016-07-28 14:45:42

加上*{margin:0; padding:0;}
清除全部的外边距和内边距

2
慕粉3296718

2016-05-22 11:11:35

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

1