初学者关于CSS定位的查询

con*_*bie 2 css

我试图通过为<div>相对位置属性提供CSS选择器以及从左边缘和上边缘一定距离来移动框.问题是它不起作用.

选择器显然正在工作,因为如果我取消注释可见性属性,则隐藏图像.这有什么不对?

HTML:

<body>
  <div id="test_logo">
    <img src="http://uselessproducts.weebly.com/uploads/5/2/5/5/5255421/_6517253_orig.jpg" height="100" width="100"/>
    <span id="test_logo_title">test</span>
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)

CSS:

* { margin:0px; padding:0px; }

html {
    font-family: Verdana, "Lucida Sans Unicode", Arial;
    font-size: 9px;
}

body {
    margin: 9px 0 0;
    background-color: #f37062;
    font-size: 100%;
}

#test_logo {
    /*visibility: hidden;*/
    position: relative;
    left: 100 px;
    top: 200 px;
}
Run Code Online (Sandbox Code Playgroud)

jsFiddle链接

Mic*_*uda 6

您只需删除之前的空格px:

#test_logo {
    position: relative;
    left: 100px;
    top: 200px;
}
Run Code Online (Sandbox Code Playgroud)