在这种情况下如何降低图像高度？

Question

由于某种原因，我的图像高度太大了。

相关代码是

<!-- Main Images -->
<div class="item_image" style="height:auto">


        <div class="item_arrow_left" style="height:auto">
        <i class="sprite_vi_arrow_left" style="margin-top: 200px"></i>
    </div>
    <div class="image_container">

<img src="{{image_url}}" id="main_image_0" alt="{{ad.title}}" title="Click for next image">
        {% for im in imv %}
<img src="{{im}}" class="hidden" id="main_image_{{loop.index}}" alt="{{ad.title}}" class="thumb_image_single" title="Click for next image">

    {% endfor %}

    </div>
    <div class="item_arrow_right" style="height:auto">
        <i class="sprite_vi_arrow_right" style="margin-top: 200px"></i>
    </div>


</div>

问题的实时视图是here。可以做些什么来解决它？我已经解决了这个问题，并为许多照片的视图提供了一个解决方案，但这只是一个图像的视图所以看起来我没有想到所有的东西。

Answer 1

因为netblognet说你的问题是图像高度你有一些元素样式是你的代码，你在你的代码中写的元素样式或一些应用此代码的js代码。 这就是你显示我已经从firebug中的网站删除这些代码

这里是代码i chang

<i class="sprite_vi_arrow_left" style="margin-top: 200px"></i> 
//remove this element style         style="margin-top: 200px"

<i class="sprite_vi_arrow_right" style="margin-top: 200px"></i>
//remove this element style         style="margin-top: 200px"

之后从css

中删除它

.item_image .item_arrow_right i {
float: right;
margin-right: 6px;
margin-top: 225px;// remove this line 
}

使用额外的margin-top代码 完成这些步骤后，您的网站应如下所示

Answer 2

我认为你的问题不是图像的高度，而是标记的顶部 - 标记！

尝试删除或降低margin-top，你会得到预期的结果。

<i class="sprite_vi_arrow_left" style="margin-top: 100px"></i>

（当然你还需要修复sprite_vi_arrow_right元素的css。）