初学者'；关于CSS定位的质疑_Css

初学者'；关于CSS定位的质疑

css

初学者'；关于CSS定位的质疑,css,Css,我试图通过给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"/

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

只需删除px之前的空格即可：

#测试#标识{
位置：相对位置；
左：100px；
顶部：200px；
}

在#test#u徽标的左：和顶部：规格中去掉空格，你应该像雨一样正确。

这是经过修改的CSS，我认为这应该可以解决你的问题，你可以调整#徽标的填充，从顶部和侧面满足你的空间需求

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

这是我小提琴的链接

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

感谢您发布相关代码。请在每次提问时都这样做。顺便说一句，使用通用选择器（*）将所有内容的

margin

和

padding

归零是相当繁重的。“你可能想重新考虑一下。”史蒂文斯，说得好。“我会把它拿出来的。@steveax:如果出于意图和对其含义的理解，那就不要太严厉了。”。就我个人而言，我更喜欢使用一些经过测试的规范化css规范，比如。。。当试图使事情在跨浏览器中正常运行时，它确实可以使事情变得更加顺利。@mori57考虑到问题的标题（“初学者…”），我认为这可能是在不理解其含义的情况下完成的。我非常喜欢normalize.css（HTML5样板文件使用的），但请注意normalize.css没有使用通用选择器。哇，这很简单。实际上我只需要删除100和px之间的空格。谢谢。是的，这正是我想要表达的意思，但是Michal更适合你。很高兴解决了你的问题！