CSS将内容压入页面

在我正在处理的网页上，我有一个固定的#top部分，其中包含导致下面的内容部分隐藏在其后面的nav的导航部分。CSS将内容压入页面

我已经尝试添加边距来#slider和下边距来#top返回，试图把对方一顿，但这些都不工作过。

任何想法？

2011-10-13 Tim

只是改变

div.anythingSlider { 
    position: relative; 
    padding: 110px 350px 28px 45px; 
}

我改变了顶边距从0到110px

2011-10-13 07:30:27 Emil

这不是一个聪明的解决方案，因为如果他要添加另一个页面/更改页面以删除'anythingSlider'，他必须将'padding'添加到新添加的元素上。最好从'＃top'解决问题。 – Kokos

@kokos，它都是相对的。我们不知道该网站的计划是什么。我同意它有很多解决方案，但它取决于整个网站。如果所有页面都有固定的导航，我会将填充添加到主体。 – Emil

只需添加top: 0;至#topwrap和margin-top: 100px至body。（替换100px的与你所喜欢的值，100像素的最低看到的第一个标题，但你#topwrap是151px高大的 - 只是尽量至极看起来最好）

2011-10-13 07:27:11 oezi

你#top是fixed，所以利润率将无法正常工作。

你必须做两件事情来解决这个问题：

2011-10-13 07:27:43 Kokos

使用padding-top：150px;与类anythingSlider股利

2011-10-13 07:28:51 LAW

...如果网站被重新排序，所有事情都会再次破裂 - 通过像Kokos和我提到的那样改变'＃topwrap'来解决这个问题不是更好吗？ – oezi

由于您不知道网站的布局，因此降价相当恶毒。如果网站上的任何页面没有标题，那么body margin显然是错误的做法。举个例子，我不主张改变网站上每个页面的布局，除非我知道网站上的每个页面是什么样子。 – LAW

您可以使用

div.anythingSlider{ 
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
}

top: 50%将您的内容下移而translateY将把它放回原处。

2017-01-09 15:25:19 DeeJay

回答