即使使用“top”属性,如何使我的<li>向下移动

时间:2015-10-28 16:32:23

标签: html css

<style type="text/css">
  #poption {
    font-family: Segoe UI Emoji, arial;
    color: white;
    padding: 1px;
    top: 40px;
    font-size: 14px;
  }
</style>
<body>
  <li width="1">
    <a id="poption">Profile Options</a>
  </li>
</body>

我试图让它更低,但它不会移动。有人可以告诉我如何制作它,这样我可以让它更加活跃吗?

1 个答案:

答案 0 :(得分:0)

您需要定位元素,使其相对于其所在的位置移动。目前,它已设置为默认position:static。将position:relative;添加到#poption。然后,您可以更改top值。