Javascript 设置最大高度不起作用

我无法在使用的滑块上设置最大高度，我设置的每个高度似乎都不起作用。我还尝试在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>







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

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


……无论内容如何

完整示例：
您是指代码中的第1行吗？是的<代码>最大高度：500px
在PHP中，井图像高度仅为500px，因此其他一切都将推动它。。。如果其溢出，一个选项是
overflow
，如果div中的内容长于div的高度，则允许在div上显示滚动条（这意味着您只需要
height:500px
而不是max height。或者overflow:auto，则只有当内容大于div时才会显示滚动条。这可以工作，但不是我想要的。为什么php样式不工作？