position:relative;を記載してbottomを指定した配置にすると下に余白が生まれます。これを解決する方法としてmarginの値を指定する方法が有ります。下記にCSSを掲載しますので、実際に見てご確認下さい。
[css]
.img_photo{
position:relative;
width: 1200px;
max-width: 100%;
bottom: 60px; /*値分の余白が生じます*/
margin-bottom: -60px; /*余白を解消する値を入れます*/
padding: 15px;
box-sizing: border-box;
}
[/css]
上記のCSSで対応できると思います。もともとの画像の場所分の余白ができるようです。昔、HTMLを勉強し始めた時に困ったことがあり、思い出すようなことがあったので掲載してみました。