1

我想在具有百分比值的列表项中相对定位一个锚点。

我试图用这个设计做到这一点：http: //bit.ly/1awA1Hh

它目前适用于 FF、Chrome 和 IE，但不适用于Safari/WebKit。

我已经包括了我想要完成的事情。它似乎适用于 WebKit，所以我在网站上遗漏了一些东西。

网站上的任何父元素都会干扰定位对我来说没有意义......

有人介意快速看一下吗？

网站：http ://bit.ly/1awA1Hh 小提琴：http: //jsfiddle.net/y7Juf/1/

HTML：

<ul>
    <li>
       <a href="">Hello, World!</a>
    </li>
    <li>
        <a href="">Hello, World!</a>
    </li>
    <li>
      <a href="">Hello, World!</a>
    </li>
</ul>

CSS：

ul li a {
  position: relative;
  top: 60%;
}

ul li {
  width: 200px;
  height: 100%;
  border-right: 1px solid #CCC;
  float: left;
  text-align: center;
}

ul {
  height: 20%;
  list-style-type: none;
}

html, body {
  height: 100%;
}
4

0 回答 0