2

我试图通过为<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>

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;
}

jsFiddle 链接

4

3 回答 3

6

您只需要删除之前的空格px：

#test_logo {
    position: relative;
    left: 100px;
    top: 200px;
}
于 2012-10-24T17:59:37.940 回答
2

去掉左边的空格：和顶部：#test_logo 中的规范，你应该像雨一样正确。

于 2012-10-24T17:59:44.833 回答
0

这是修改后的 CSS，我认为这应该可以解决您的问题，您可以调整 #logo 的填充以从顶部和侧面满足您的空间需求。

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

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

body{
    margin: 0 auto;
    background-color: #a37062;
    font-size: 100%;
}


#logo{ 
    padding: 5px;
 }​

这是我的小提琴http://jsfiddle.net/r9x5A/3/的链接

但正如其他人所说，你遇到的问题是你的css中的数字和'px'之间的空间。

于 2012-10-24T18:00:18.737 回答