移动div的问题

时间:2011-02-03 17:29:03

标签: css

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

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

5 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

只需为padding-top:10px;

应用#container即可

答案 3 :(得分:0)

删除班级的所有边距.iconss

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

中设置position:relative

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

克莱伯。

答案 4 :(得分:0)

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