Question

CSS：

 .poziomy a{
  font-family: 'Open Sans', sans-serif;
  font-size: 23px;
  fotnt-weight: 400;
  text-decoration: none;
  overflow: hidden;
  border-style: dashed;
  color: #1a1a1a;
  padding-top: 10px;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 10px;
  z-index: 1100;

}

.poziomy a:hover{
  font-family: 'Open Sans', sans-serif;
  font-size: 23px;
  fotnt-weight: 400;
  text-decoration: none;
  overflow: hidden;
  color: #00bca4;
  border-style: dashed;
  padding-top: 10px;
  padding-left: 71px;
  padding-right: 71px;
  padding-bottom: 10px;
  z-index: 1100;
}

#poziom1{
  top: 2100px;
  left: 20%;
  width: 300px;
  height: 100px;
}

HTML：

    <div id="poziom1" class="poziomy">
<a href="http://www.google.pl"> Poziom 1
</a></div>

div没有显示在-top：2100px，但在网站中间的其他地方，我不知道。不知道为什么。

有人可以帮助或有一些想法改变什么？

Answer 1

您需要在div中添加position：absolute。

请参阅http://jsfiddle.net/FnKrV/

position: absolute;

Answer 2

您需要检查div的父级是否有position:relative规则，并将div设置为position:absolute。或者，如果您想要始终修复它，可以将其position值设置为fixed

Answer 3

 #poziom1 {
     top: 2100px;
     left: 20%;
     width: 300px;
     height: 100px;
    position: absolute;
 }

http://jsfiddle.net/mX4E5/1/

Answer 4

您必须更改要移动到相对位置或绝对位置的位置。使用

position: absolute;

所以你最终会得到

#poziom1{
  top: 2100px;
  left: 20%;
  width: 300px;
  height: 100px;
  position: absolute;
}

P.S。重量：400;应该是font-weight：400;它在你的代码x2

边境位置 - 不起作用。

4 个答案: