如何使用HTML5

时间:2019-05-12 06:58:14

标签: javascript html css html5 web-testing

images

我试图在不影响标题大小的情况下将列表项移到标题上方,有人可以告诉我如何做吗?

下面是我的index.html中的代码

<header>
  <div id="service-buttons">
    <nav>
      <ul>
        <li><a href="index.html">Unblacklisting</a></li>
        <li><a href="about.html">iCloud Removal</a></li>
        <li><a href="services.html">Clean IMEI</a></li>
        <li><a href="index.html">Buy & Sell</a></li>
        <li><a href="about.html">Reported Lost</a></li>
        <li><a href="services.html">Sim Cards</a></li>
      </ul>
    </nav>
  </div>
</header>

这是我的styles.css中的代码

header #service-buttons {
  margin-top:10px;
}

3 个答案:

答案 0 :(得分:0)

尝试设置填充而不是边距:

header #service-buttons {
  padding-top:10px;
}

答案 1 :(得分:0)

您可以尝试:

header {
  position: relative;
  ...
}

header #service-buttons {
  position: absolute;
  bottom: 2px; // change according to your need
  right: 4px; // change according to your need
}

答案 2 :(得分:0)

以下代码将对您有所帮助: 应用于ID服务按钮

#service-button  {   padding:8px;   margin-top:20px;  }