Html 我如何使我的div保持在最高利润率

我的网页设计有问题。我有一个div class=包含2个div的主区域

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

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

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

但当我向下缩放浏览器时，图像会随浏览器一起缩放，但会停留在主区域div的垂直中间

我怎样才能让我的下半个div粘在主div的顶部

我尝试了页边距顶部-xxxx px和-xxx%，但这不起作用，因为图像会缩放，所以主div会缩放

这里的图片展示了我的意思，希望这能有所帮助，因为我不知道什么是JSFIDLE以及它是如何工作的

我在下面找到了jsfiddle的链接 我希望这足够好吗？

试试这个

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

请检查代码

看起来你只是想让你的图像在页面顶部对齐。如果这就是问题所在，那么我已经在上面的js提琴中添加了它

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

如果您有任何其他问题，请发表评论，并修改

---

关于D.

你能给我们举个例子吗，比如在JSFIDLE中？你有没有试着给img提供垂直对齐：top？提供完整的代码，让我们可以看到哪里出了问题，这将使你更接近于得到一个好的答案。通常，最好是如上所述的那样显示它。我发现了问题，我再次构建了html，并且在图像上有一个id，它的页边空白顶部为180px。这导致了问题。。。。thanx非常感谢大家的帮助，不过伙计们：DHappens:D顺便说一句，我希望你们不是其他人，你们也可以检查一下这段代码，在这段代码中，twitter引导也被用来使它成为一个响应迅速的网站。