Question

在this页面上，同一行上有两个“此处”链接，第二个链接不起作用。

我的css可以找到here。我不确定为什么它与“header”div有任何不同，因为标题div中的链接即使它们在同一行上也能正常工作。

有问题的具体代码发布在下方。

CSS

#body {
        line-height:1.5em;
    width:700px;  
    margin:auto; 
    overflow-x: hidden; 
    padding:12.5px;
    color:#4e443c;
    font-size:16px;
    font-family:"Courier";
        text-align:left;
}

HTML

 <div id="body">
            <h3>Logger</h3>
                Logger is a java library that allows you to log to a log file easily. <a href="Logger.jar">Download</a> <span> the .jar file and then add it to your build path. 
                For Eclipse instructions see <a href="http://stackoverflow.com/a/2727723">here</a>. 
                For command-line instructions see <a href="http://stackoverflow.com/a/2096298">here</a>. 
                Then add the code <i>Logger log = new Logger();</i> to your class to initialize the logger and then you can use either <i>log.log(String);</i> or <i>log.logAndPrint(String);</i> to print to the log. 
                The <i>logAndPrint</i> method prints to the console as well as the log file while the <i>log</i> method only prints to the file. 
                Below is an example driver program. <br>
                <script src="http://gist-it.appspot.com/https://github.com/dummycode/Logger/blob/master/Example.java?footer=0">
</script>
                        <a href="/p">Back</a>
        </div>

我尝试了display:inline-block或使用span标签等不同的内容，但其中大多数都搞砸了我的网页格式。

任何人都可以帮助我吗？

Answer 1

因为social id div超过了该链接。你需要改变那个推特鸟的定位。

将以下样式添加到社交ID div：

#social {
    z-index: -1;
}

Answer 2

请检查您的CSS代码

#social {
position:fixed;
width:70px;
height:130px;
left:80%;
padding-left:100px;
margin: 0px auto;
}

减少padding-left:100px;的填充并将其设为left:80%;，这对您没问题

Answer 3

请勿使用固定位置。试试这个。

    #body {
      line-height: 1.5em;
      width: 700px;
      margin: auto;
      overflow-x: hidden;
      padding: 12.5px;
      color: #4e443c;
      font-size: 16px;
      font-family: "Courier";
      text-align: left;
      float: left;
    }
    #social {
      width: 70px;
      height: 130px;
      margin: 0px auto;
      float: left;
    }

谁能告诉我为什么第二个“这里”链接不起作用？

3 个答案: