CSS定位 - 看起来正确，但表现得很有趣

Question

该网站位于： http://www.imvu-e.com/products/sro/

此处的css文件： http://www.imvu-e.com/files/style.css

我喜欢下载div和徽标div所在的位置，但由于某种原因，网页上的文字跟随一些奇怪的盒子，firebug将无法正确检查（例如下载div不在某处）。我很确定它与我的编码很差的css有关，其中内容div没有浮动，徽标有浮动：正确然后下载div清楚：右撇子：右边然后我用顶部：与徽标一致的位置。徽标和下载栏也都有“定位”边距......大声笑。我讨厌css。

Answer 1

这是你糟糕的CSS。 #download上有top: -70px;，它会将其移动到与#logo相同的高度，但是文本包装会忽略它。

Answer 2

你的问题与'明确：正确;位置：相对;顶部：-xxx;” “下载”图像....当您手动移动此图像时，您在“静音室观察者”行后看到的空间是“下载”图像如果您取出'相对';

scotts解决方案应该有效...请记住，当你的css课程变得复杂和复杂时...通常是这样，有更好/更简单的方法:)

Answer 3

这应该让你了解你想要的方向：

1）移动您的来源中的h1 ，之后浮动的“下载”和“徽标”。

2）删除“{1}}和clear: right”下载“并将top: -70px更改为约margin-right

3）为“logo”

设置30px（或左右）