javascript - 设置最大高度不起作用

Question

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

javascript文件中 slider 高度设置为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/