设置最大高度无效

Question

我无法在我使用的滑块上设置最大高度，我设置的每个高度似乎都不起作用。我也尝试过在php部分设置echo-img行的宽度，但它不起作用。如何设置最大高度？我希望高度不超过500px;

javascript文件中的滑块高度设置为500px；

<div style="margin:30px auto;max-width:499px;max-height:500px">
<div id="amazingslider-1" style="display:block;position:relative;margin:16px auto ">
<ul class="amazingslider-slides" style="display:none;">
<?php
$result = $stmt->get_result();
while ($row = $result->fetch_assoc()) {
$path = 'uploaded_files/';
echo "<li>"."<img src='".$path."".$row['image_one']."' style='width:500px;height:500px;'/></li>";
}   
$mydb->close ();
?>
    </ul>
    <ul class="amazingslider-thumbnails" style="display:none;">
        <li><img src="images/1-tn.jpg" /></li>
    </ul>
</div>
</div>

Answer 1

如果内容强制div的高度大于500px，并且您希望div保持在500px，则可以将div的溢出设置为hidden或scroll:

<div style="margin:30px auto;max-width:499px;max-height:500px;overflow:scroll">
    ...whatever content
</div>

完整示例：http://jsfiddle.net/tY5bZ/1/