Question

我有一个用其父div固定的div，在那个固定的div我试图absolutley定位一个图像，但该图像的css根本没有做任何事情。图像显示在其自然位置，我无法移动它！

HTML

<div class="wrapper">
   <div class="poster">
      <div class="posterfixed">
          <div class='18logo'>
             <img src='../images/siteimages/18logo.png' />
          </div>
       <div>
    </div>
 </div>

CSS

.wrapper{
  width:1280px;
  position:relative;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  margin: 0 auto 0 auto;
  background:#000000;
  overflow:hidden;
}
.poster{
float:left;
margin:-890px 0 0 890px;
width:390px;
min-height:512px;
}

.posterfixed{
  position:fixed;
  width:390px;
  min-height:512px;
  background-image:url(../images/siteimages/background.png);
}

.18logo{
  position:absolute;
  right:10px;
  top:360px;
}

感谢您寻找....................

Answer 1

你应该用一个字母而不是像.18logo那样的数字开始你的类名 - 因为你不能用一个数字或一个连字符后跟一个CSS中的数字来启动一个类名。 / p>

来自2.1 Spec, Syntax and Basic Data Types:

在CSS中，标识符（包括选择器中的元素名称，类和ID）只能包含字符[a-z0-9]和ISO 10646字符U + 00A1和更高，加上连字符（ - ）和下划线（_）;它们不能以数字开头，也不能以数字后跟连字符开头。标识符还可以包含转义字符和任何ISO 10646字符作为数字代码（请参阅下一项）。例如，标识符“B＆amp; W？”可以写成“B \＆amp; W \？”或“B \ 26 W \ 3F”。

绝对位置固定位置父元素内的元素

1 个答案: