ここに投稿するのはこれが初めてです。時々ここに来る長年のファンだったので、誰かが私を正しい方向に導いてくれることを願っています. どこにも移動できない画像ファイルがあります。画像ファイルは、div の右下に配置したいタグ内の div にあります。私は上マージンと左マージンを無駄に使用しましたが、常に同じ位置に座っているだけです。以下は、問題のある領域に関連するコードです。Html 部分の後に css 部分が続きます。
<div id = "container">
<section id = "content">
<article>
<div id ="monkey_img"><img src="images/cartoon-monkey_1.png" width="250" height="252"></div>
</article>
</section>
<aside id="sidebar">
<p>Monkey</p>
</aside>
</div>
<!--css-->
#content{
width: 600px;
height: 475px;
background-color: #FFF;
border-style: solid;
border-width: 2px;
float:left;
margin-right:30px;
}
#monkey_img{
width:500px;
height:425px;
margin-top:100px;
margin-left:100px;
display:block;
}
#container{
width:1000px;
height:550px;
margin:auto;
margin-top:65px;
}
#container p{
padding:15px;
}
#sidebar{
width 275px;
height:475px;
background-color:#FFF;
border-style:solid;
border-width: 2px;
margin-left:30px;
overflow:auto;
}