我如何保持我的div在最高边缘

Question

我的网页设计有问题。我有一个包含2个div的div class="main-area"。

div class="half"
div class= "half second-half"

.half包含文字而.second-half包含图片。对于图像，我有以下css：

img max-width: 100%;
    height: auto;
    margin: 0 0 10px 0 ;

但是当我缩小浏览器时，图像会随浏览器缩放，但会粘在main-area div的垂直中间。

如何让我的second-half div保持在主div的顶部？

我尝试了margin-top -xxxx px和- xxx%但这不起作用，因为图像会缩放，因此主要div会缩放。

这里有显示我的意思的图片，希望这有帮助，因为我不知道jsfiddle是什么以及它是如何工作的。

我在下面找到了jsfiddle的链接 http://jsfiddle.net/8zaSy/
我希望这足够好吗？

Answer 1

试试这个

.second-half img { max-width: 100%;
            height: auto;
           float:left;
    marging-top:10px;
}

Answer 2

请检查代码JSFiddle

您似乎只希望将图片对齐到页面顶部。如果这是问题，那么我已将其添加到上面的js小提琴中。

#indexpic {
    border: 1px dashed grey;
    border-radius: 5px;
    /*margin-top: 180px;*/
}

如果您有任何其他问题，请发表评论，然后修改JSFiddle。

问候D.