在点击蔬菜的时候，为什么蔬菜不是在出现在页面的最顶部

<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
<title></title>
</head>
<body>
<!--此处填写代码-->
<p>
   <a href="#" name="top"></a>这里是顶部<br/>
   <a href="#fruit" >水果</a><br/>
   <a href="#vegetable" >蔬菜</a><br/>
   <a href="#sport" >运动</a>
</p>
<p>
   <a href="#" name="fruit"></a>
   <h3>水果</h3>
   <ul>
       <li>香蕉</li>
       <li>苹果</li>
       <li>葡萄</li>
       <li>梨</li>
       <li>西瓜</li>
       <li>樱桃</li>
       <li>菠萝</li>
       <li>橙子</li>
       <li>柚子</li>
       <li>芒果</li>
   </ul>
   <h4><a href="#top">返回顶部</a></h4>
</p>
<p>
   <a href="#" name="vegetable"></a>
   <h3>蔬菜</h3>
   <ul>
       <li>西红柿</li>
       <li>黄瓜</li>
       <li>土豆</li>
       <li>芹菜</li>
       <li>蒜苔</li>
       <li>西葫芦</li>
       <li>香菇</li>
       <li>菠菜</li>
       <li>豆角</li>
       <li>油菜</li>
   </ul>
   <h4><a href="#top">返回顶部</a></h4>
</p>
</body>
</html>

qq_天天_66 2017-07-09

源自：HTML基础 4-19 编程练习

收起

3回答

好帮手慕糖 2017-08-28 13:57:14

你好，若是要单击链接a，例：“<a href="#vegetable" >蔬菜</a>”的话，是由于高度不够，上面时以为要单击h3中的a。高度不够的话，可以把高度设置下，例：

 body{
    height: 2000px;
  }

祝学习愉快~

收起回答

好帮手慕糖 2017-07-09 18:01:22

你好，因为蔬菜并没有在a链接里，它只在h3标签中，h3标签单击是不会有任何作用的，建议：把蔬菜放在a标签中，例：

<h3><a href="#" name="vegetable">蔬菜</a></h3>，水果同理，祝学习愉快！

收起回答

慕田峪7213717 #1

具我仔细观察，发现不是你说的这个原因，而是因为list不够长，如果够长，<a>标签就算写在前面，也是能实现的。相反，假如list不够长，<a>标签就算放在h3标签中，也是不行。

2017-08-28 13:19:59
qq_twoyears_0 回复慕田峪7213717 #2

确实，list加上后效果就正确了

2017-10-21 21:08:05