ui的li的子元素被遮盖

抛出问题图片
先抛出解决办法：

<header class="listview-header media" id="h_Header" style="overflow:visible;height: 56px">
        <table style="float: right;">
			<span style="font-size: 18px;" id="second-title"></span>
            <tr>
                <td style="padding: 10px">
                    <div class="dropdown">
                        <span style="font-size: 14px">报表列表：</span>
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="true">
                            水平衡总览
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="#" onclick="showTable('1','水平衡总览');">水平衡总览</a></li>
                            <li><a href="#" onclick="showTable('2','分区流量详情');">分区流量详情</a></li>
                            <li><a href="#" onclick="showTable('3','表计流量详情');">表计流量详情</a></li>
                        </ul>
                    </div>
                </td>
                <td> 开始时间 ：</td>
                <td style='padding-top: 3px;'>
					<span onclick="PreDayClick('StxtTheDate')"
                          class="fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right"
                          unselectable="on">
						<span class="fc-text-arrow">
							<i class="fa fa-angle-left"></i>
						</span>
					</span>
                </td>
                <td>
                    <input id="StxtTheDate" type="text" value="2019-07-15" class="form-control input-sm"
                           onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"
                           style="width:100px;height: 22px;text-align: center;"/>
                </td>
                <td style='padding-top: 3px;'>
					<span onclick="NextDayClick('StxtTheDate')"
                          class="fc-button fc-button-next fc-state-default fc-corner-left fc-corner-right"
                          unselectable="on">
						<span class="fc-text-arrow">
							<i class="fa fa-angle-right"></i>
						</span>
					</span>
                </td>
                <td> 结束时间 ：</td>
                <td style='padding-top: 3px;'>
					<span onclick="PreDayClick('EtxtTheDate')"
                          class="fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right"
                          unselectable="on">
						<span class="fc-text-arrow">
							<i class="fa fa-angle-left"></i>
						</span>
					</span>
                </td>
                <td>
                    <input id="EtxtTheDate" type="text" value="2019-07-15" class="form-control input-sm"
                           onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"
                           style="width:100px;height: 22px;text-align: center;"/>
                </td>
                <td style='padding-top: 3px;'>
					<span onclick="NextDayClick('EtxtTheDate')"
                          class="fc-button fc-button-next fc-state-default fc-corner-left fc-corner-right"
                          unselectable="on">
						<span class="fc-text-arrow">
							<i class="fa fa-angle-right"></i>
						</span>
					</span>
                </td>
                <td>
                    <button onclick="searchData()" type="button"
                            class="btn btn-default">查&nbsp;&nbsp;&nbsp;&nbsp;询
                    </button>
                </td>
                <td style="padding: 10px">
                    <button class="btn btn-default" onclick="reportEXCEL()">导出</button>
                </td>
            </tr>
        </table>
    </header>

在超出的父dom范围加上overflow:visible就可以了

我开始在ul上加大z-index属性，发现似乎不行，在下面表格加了margin-top发现表格是因为超出head范围被隐藏了，不是被下面的table给盖住了