我有以下代码在Chrome和IE中显示正确但在Firefox中没有 在Firefox中,第二行的滚动条超出了显示尺寸(垂直) 是否有针对此问题的解决方法?
这是Fiddle。
<html>
<head>
<style>
body,html {
height:100%;
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
}
table {
table-layout: fixed;
}
</style>
</head>
<body>
<table height="100%" border="1">
<tr valign="top">
<td style="height:100px">
first row
</td>
</tr>
<tr>
<td style="height:100%">
<div style="height:100%;overflow-y:scroll">
scroll content begin<br>
1<br><br><br><br>
2<br><br><br><br>
3<br><br><br><br>
4<br><br><br><br>
5<br><br><br><br>
6<br><br><br><br>
7<br><br><br><br>
8<br><br><br><br>
9<br><br><br><br>
10<br><br><br><br>
11<br><br><br><br>
12<br><br><br><br>
13<br><br><br><br>
14<br><br><br><br>
15<br><br><br><br>
16<br><br><br><br>
17<br><br><br><br>
18<br><br><br><br>
scroll content end
</div>
</td>
</tr>
</table>
</body>
</html>