我想用一个div容器来限定图片的大小，怎么实现
我是这样做的，但图片总是不受div的控制
<style>
.box{
width:400px;
height:400px;
/*resize:both;
overflow:auto;*/
margin:0 auto;
background-color:#0C0;
}
.box1{
height:200px
/*overflow:hidden;*/
}
.inner>img{
/*position:absolute;*/
padding:10px auto;
margin:10%;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div class="box">
12344556
<img src="1.jpg"/>
</div>
</body>
</html>
