为什么不在iOS UIWebview中使用jQuery使用CSS（边距底部）？

我创建了菜单视图，当我按下一个特定的按钮时，我想给最后一个菜单div留一个底部空白（我使用query-2.2.4.min.js）

它在应用程序中的Android web view或通用web浏览器（桌面）上工作，但在应用程序UIWebView中的iOS中无法正常工作。准确地说，该值应用于页边距底部，但它不会在屏幕上移动。（向上）有我可以检查的地方吗

<style>
.menu_pr { cursor: pointer; width: 100%; outline: none; border: none; transition: 0.4s; background-color: #fff; padding: 0 !important; float: left; margin-bottom: 0px;}
</style>


<div class="menu_pr">
    <button class="accordion">
        <div class="menu">
            <div class="menu_content">
                <div class="menu_img">
                    <div class="menu_img_pic" style="background: url('hot0001.jpg') no-repeat center center;background-size:contain;">
                        <span class="menu_img_detail" style="display: none;">
                            <img src="menu_detail.png" alt="">
                        </span>
                    </div>
                </div>
                <div class="menu_ex"> 
                        <h5>Americano Double</h5>
                    <h5 class="text-grey"><span id="menu_price">₩4,100</span></h5>
                </div>
            </div>
        </div>
    </button>
    <div class="panel" style="max-height: 0px;">
        <section class="menu_option_base margin-bot-10">
            <div class="list">
                <div class="list_title text-grey">CUPS</div>
                <div class="list_content float-right">
                    <div class="choice">
                        <div class="choice_quantity btn_radius_sel">1CUP</div>
                        <div class="choice_quantity btn_radius_desel">2CUP</div>
                    </div>
                </div>
            </div>
        </section>
        <div class="btn_order">
            <button class="btn btn_add">ADD</button>
        </div>
    </div>
</div>

.menu#pr{光标：指针；宽度：100%；轮廓：无；边框：无；过渡：0.4s；背景色：#fff；填充：0！重要信息；浮点：左；边框底部：0px；}
美式双人
₩4,100
杯子
1杯
2CUP
添加

<style>
.menu_pr { cursor: pointer; width: 100%; outline: none; border: none; transition: 0.4s; background-color: #fff; padding: 0 !important; float: left; margin-bottom: 0px;}
</style>


<div class="menu_pr">
    <button class="accordion">
        <div class="menu">
            <div class="menu_content">
                <div class="menu_img">
                    <div class="menu_img_pic" style="background: url('hot0001.jpg') no-repeat center center;background-size:contain;">
                        <span class="menu_img_detail" style="display: none;">
                            <img src="menu_detail.png" alt="">
                        </span>
                    </div>
                </div>
                <div class="menu_ex"> 
                        <h5>Americano Double</h5>
                    <h5 class="text-grey"><span id="menu_price">₩4,100</span></h5>
                </div>
            </div>
        </div>
    </button>
    <div class="panel" style="max-height: 0px;">
        <section class="menu_option_base margin-bot-10">
            <div class="list">
                <div class="list_title text-grey">CUPS</div>
                <div class="list_content float-right">
                    <div class="choice">
                        <div class="choice_quantity btn_radius_sel">1CUP</div>
                        <div class="choice_quantity btn_radius_desel">2CUP</div>
                    </div>
                </div>
            </div>
        </section>
        <div class="btn_order">
            <button class="btn btn_add">ADD</button>
        </div>
    </div>
</div>