为什么图片背景区域会随着内容的高宽变化而变化，而红色背景区域不会随着内容高宽的变化而变化？
来源：2-6 编程练习
慕尼黑5122342
2019-01-11 20:49:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景</title>
<style>
/*此处写代码*/
.id{ width:650px;
height:650px;
background-image:url(http://climg.mukewang.com/58dc9d360001d65806500650.jpg);
background-color:green;
display:table;
}
.id2{text-align:center;
display:table-cell;
vertical-align:middle;
padding-top:90px;
}
/*body{}*/
.id3{width:400px;height:400px;background-color:red;}
</style>
</head>
<body>
<div class="id">
<div class="id2">
《长歌行》
<br>
<br>青青园中葵，朝露待日晞。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>
<br>
<br>青青园中葵，朝露待日晞。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>
<br>
<br>青青园中葵，朝露待日晞。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>
<br>
<br>青青园中葵，朝露待日晞。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>
</div>
</div>
<div class="id3">
<div class="id4">
青青园中葵，朝露待日晞。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<br>少壮不努力，老大徒伤悲。
<br>
阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>
</div>
</div>
</body>
</html>
1回答
-
同学你好，因为在背景区域设置了display：table样式，所以当内容变化的时候，图片的区域会随着变化。
希望解决了你的问题，祝学习愉快，望采纳
0
相似问题