<html>
<head>
<title></title>
<style type="text/css">
*{ margin: 0px; padding: 0px;}
#nav{ width: 300px; height: 300px; border: 1px solid red;}
.1{ width: 300px; height: auto; background-color: blue;}
.2{ width: 300px; height: 100%;; background-color: yellow;}
</style>
</head>
<body>
<div id="nav">
<div class="1"></div>
<div class="2"></div>
</div>
</body>
</html>
第一个小div里面直接放图片就可以了，但是注意,你要根据图片的宽度修改大小div的宽带，也可以设置为自适应，其他不用修改。本回答被提问者采纳