大哥们,为什么改变display之后一行都能点? - 编程论坛

<html>

<head>
    <meta charset="utf-8">
    <title></title>

    <script type="text/javascript">
        function Show_Hidden(obj) {
            if (obj.style.display == "block") {
                obj.style.display = 'none';
            }
            else {
                obj.style.display = 'block';
            }
        }

    </script>

<style>
    body{color:rgb(0, 0, 0);}

    </style>

</head>

<body>

    <a href="" id="link1" >一   1<br><br></a>



    <a href="" id="link3" style="display:block"  >三   3<br><br></a>

    <div id="link4" style="display:none">
        四   4<br><br>
     </div>



    <script type="text/javascript">
        window.onload = function () {
            document.body.style.backgroundColor="black";
            var link1 = document.getElementById("link1");
            link1.style.color="white";


            var link3 = document.getElementById("link3");
            link3.style.backgroundColor="white";
            var link4 = document.getElementById("link4");
            link4.style.backgroundColor="white";


            link1.onclick = function () {

                Show_Hidden(link3);

                return false;
            }
            link3.onclick = function () {
                Show_Hidden(link4);
                return false;
            }



        }
    </script>

</body>

</html>
这里那个 herf   三   3  不写display时背景时只有文本的部分可以点击,直接写display状态,一整行就都可以点击了,加白色背景时为了显示herf的范围..但是就算不写display 的style,我的herf  一   1,点击就会改  herf   三   3  的display状态,然后又是一行都可以点,请问为什么会这样,应该怎么解决?我试了overflow,但是没解决这个问题..