<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <style type="text/css"> div{ position: absolute; width: 100%; height: 100%; } a{ position: absolute; z-index: 10; } .td{ /* 100%; height: auto;*/ border: 1px solid lime; } .tr{ } .table{ border-spacing:0px 100px; border: 1px solid black; } </style> <script type="text/javascript" src="js/jquery-1.12.4.js" ></script> </head> <body> <div style=""> <a href="#" class="clazz1">测试1</a> </div> <span style="position: absolute; border: 1px solid lime; 100%; height: 100%;"> </span> <span style="position: absolute; border: 1px solid lime; 100%; height: 100%;"> </span> <a href="#" style="top: 50px;">测试2</a> <table class="table"> <tr class="tr"> <td class="td">123</td> <td class="td">456</td> </tr> <tr class="tr"> <td class="td">789</td> <td class="td">101</td> </tr> <tr class="tr"> <td class="td">202</td> <td class="td">303</td> </tr> </table> <script type="text/javascript"> /*$(".clazz1").on("click", function(){ alert(1); });*/ </script> </body> </html>