将div修复到boostrap导航栏下的页面顶部

Question

基本上我正在尝试将标题区域修复到需要标题的所有页面的顶部。我们的想法是使用一个div，它可以在需要时应用。

我尝试过一个基本的固定div，但是我总是把它与内容重叠。任何人都可以解释/显示一些css在身体的顶部浮动一个div推动所有内容。

它也应该被修复，因此滚动只会影响下面的内容。

我的尝试给我留下了以下内容：

正如您所看到的，应用程序标题与表重叠，此时所有其他内容都应该向下浮动。

Answer 1

您可以将固定定位应用于相关div，然后将padding-top添加到正文以将其从顶部向下推。 Bootstrap通过向navbar组件的body元素添加padding-top并结合.navbar-fixed-top CSS类来实现此效果。否则，您可以将padding-top或相对定位position: relative;应用于内容元素。

.topbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.body {
    padding-top: 50px; /* height of fixed bar */
}

/* OR */

.content-element {
    position: relative;
    top: 50px;
}

Answer 2

使用以下代码，您可以将导航栏固定到顶部。

HTML

public void CollisionEnter2D(Collision2D coll){
        if (coll.gameObject.tag == "obstacle") {
            Debug.Log ("Hit");
        }

CSS

template <typename T>
T DoStuff (T t) //Base case
{
  //do stuff..
  return t;
}

template <typename T, typename... Args>
T DoStuff(T t, Args... args) //Recursive case
{
  return DoStuff(t + args...); 
}

int main()
{
  DoStuff(1,2,3,4,5); //Output: 15
}