抛出问题图片
先抛出解决办法:
<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">查 询
</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给盖住了