Question

我正在快速地在我的朋友博客上放置一张浮动图片，但更改边距值并没有做任何事情。

#pic{ 
z-index:9999999999999999; 
position:fixed; 
width:200px; 
background-color: transparent;}

结构：

<div style="margin-bottom:0px;" id="pic" ><img src="{image:Sidepicture}" style="width:200px;"</a></div>

当我更改边距值时，无论我做什么，图片都会保留在左上角。

Answer 1

罪魁祸首很可能是位置：固定;

#pic{ 
z-index:9999999999999999; 
position:fixed; 
width:200px; 
background-color: transparent;}

这是pic的所有代码吗？似乎#pic停留在顶部：0，左：0

尝试删除位置：完全固定线，看看会发生什么

如果无效，也可以尝试添加position：relative;

Answer 2

因为您应该在<img />上放置边距，而不是在图片周围的<div>上#pic。

#pic img { margin: 20px; }

...会做你想要的。

Answer 3

至少你应该做的是确认你的HTML和CSS实际上是有效的。您提供的代码和样式中存在许多错误。未封闭的标签，封闭的标签，不匹配的元素，没有内容的样式，无效的样式，不正确的声明等等。

它也有点乱七八糟的混乱，交织的风格和脚本以及部分重置脚本到最后，所有内容都包含可选的块和循环内容，这对你来说非常困难。保持你的风格与代码分开并将其分组到一个块中将有助于你缩小范围，因为现在样式遍布文件，使任何人都可以轻松地错过违规行。

我只能建议您尝试应用img样式后CSS中的后续样式之一。（在第152行之后的某处）覆盖您在152处设置的边距。您可以使用浏览器中内置的开发人员工具，查看要应用于元素的样式以及它们来自文件中的哪一行。如果你的pix风格没有应用，那么你至少会知道其他风格是什么，这将允许你缩小你的调查范围。

找到违规行的另一种方法是在第152行之后注释掉样式，然后一次几个地将它们注释回来，直到找到导致问题的类。

快速而肮脏的修复当然是在你的保证金之后放置重要的

您还可以通过CSS Validation和HTML validation运行您的网页，以帮助您找到可能产生影响的任何错误。