求助!XHTML中div滚动条盖住了table
在ie中,我在div中放一个table,为什么div的垂直滚动条会盖住table右面部分,下面有我的简化代码。js用作生成固定表头的。而且如果改成HTML4.0的话,就正常了,但是我们整个需要XHTML1.0。
还请各位高手帮我看看,帮忙解决下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <title></title> <script language="javascript" type="text/javascript"> function FixHeader() { try { alert(1); var table = document.getElementById("dgAnswer"); var head = table.cloneNode(true); for(i = head.rows.length-1; i>0; i--) head.deleteRow(i); table.deleteRow(0); divHeader.style.height = 23; divHeader.appendChild(head); } catch(e) {alert(2);} } </script> </head> <body onload="FixHeader();"> <div id="divHeader" style="clear: both; overflow-y:scroll; width: 100%; border: 1px solid rgb(70,130,180); border-bottom: 0px;"> </div> <div style="clear: both; overflow-y:scroll; width: 100%; height: 300px; border: 1px solid rgb(70,130,180);"> <table id="dgAnswer" border="1" style="width: 100%; table-layout: fixed; border-collapse: collapse; background-color: rgb(255,255,255); word-break:break-all;"> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> <tr> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> <td>测试1发觉佛i</td> </tr> </table> </div> </body></html>