如何让另一个div移动?

时间:2013-01-02 17:53:25

标签: css html

我对编辑html和css等比较新,我觉得这很容易解决,但我无法弄清楚.. 我在tumblr上编辑主题,链接在描述之下,但如果描述太长则会被链接覆盖。

http://i.stack.imgur.com/tvLtf.png

我知道当描述太长时,有一种方法可以使链接移动得更低,但我不知道该怎么做。我认为它可能与span或div类有关?

这是我的编码:( desc用于描述)

http://freetexthost.com/oy6wxvnut3

我是否需要使用div类或span类/将“#link1”等更改为“.link1”?我需要使用包装吗?我应该从描述和链接之间移动标题栏div吗?

我确实希望描述和链接在滚动时保持在屏幕上的位置。

我希望这是有道理的!

1 个答案:

答案 0 :(得分:0)

快速而肮脏fiddle

好的,这就是我发现的。您已完成使用position:fixed属性。您将所有链接和描述框都固定,这样您就可以将元素放在任何位置,并在滚动时让内容保持固定,但另一方面是它使元素不在流动状态。这意味着您的元素没有上下文,也不能使内容相对。您需要做的是重新设计,使得只有父容器position:fixed,并且该父容器的所有子容器都保留其“in flow”属性。在以下场景中,只有父级应该位置固定:

 _________________________
|__________window_________|
|                         |
|         _____________   |
|        |____parent___|  |
|        | description |  |
|        | child child |  |
|        | child child |  |
|        | child child |  |
|         -------------   |
 -------------------------

你所拥有的是描述和所有固定的子元素。让它们彼此重新流动,然后在必要时将父容器放置。