移动div的问题

Question

当我尝试将div #planet向上移动时（我将margin-top从-76px更改为-86px）我的整个网站“抬起”。

您可以在此处查看该页面（并查看问题）http://rssreaderbg.net/pubsubbub/example/cssexam/index.php

Answer 1

这是因为div是一个块元素，所以它从一端延伸到另一端。因此，当您更改特定div的顶部时，您将更改以下所有div的顶部。

在本页底部http://css-tricks.com/the-css-box-model/（例如）查看诀窍（老人而不是礼物），看看它是如何工作的，并找出如何为自己复制它。

Answer 2

尝试将高度参数添加到“图标”div ...当您现在更改该边距时，父div（图标）的大小会受到影响并且整个站点会向上移动，因为该div已更改高度

Answer 3

只需为padding-top:10px;

应用#container即可

Answer 4

删除班级的所有边距.iconss

在#icons上使用position：absolute并在类.iconss

中设置position：relative

现在，使用top和left css属性设置图标位置。

克莱伯。

Answer 5

id =图标位于id = nav之上。当您在id = icons中编辑元素的上边距时，它会生成id = icons。当id = icons上升时，其他人也会上升。我建议您使用位置css进行图标和导航。