C# 固定顶部导航栏覆盖按钮

C# 固定顶部导航栏覆盖按钮,c#,css,asp.net,twitter-bootstrap,visual-studio,C#,Css,Asp.net,Twitter Bootstrap,Visual Studio,我相信这是一个非常基本的问题。我首先有一个默认的导航栏,它的正下方有两个按钮。我将导航栏更改为固定顶部导航栏,现在按钮位于其后面。我如何指定按钮的中断,或者是否有更好的方法来指定按钮的位置而不使用中断(我确信有),它是什么?最简单的解决方案可能是只需在按钮上添加一个相对的位置,并将顶部的距离设置为固定导航栏的任何高度(加上一些额外的填充像素).最简单的解决方案可能是在按钮上添加一个相对位置,并将顶部的距离设置为固定导航栏的任何高度(加上几个额外的填充像素)。当您将位置固定后,您将其从页面流中移除

我相信这是一个非常基本的问题。我首先有一个默认的导航栏,它的正下方有两个按钮。我将导航栏更改为固定顶部导航栏,现在按钮位于其后面。我如何指定按钮的中断,或者是否有更好的方法来指定按钮的位置而不使用中断(我确信有),它是什么?

最简单的解决方案可能是只需在按钮上添加一个
相对的
位置
,并将
顶部的距离设置为固定导航栏的任何高度(加上一些额外的填充像素).

最简单的解决方案可能是在按钮上添加一个
相对
位置
,并将
顶部的距离设置为固定导航栏的任何高度(加上几个额外的填充像素)。

当您将位置固定后,您将其从页面流中移除。对于按钮,我建议使用上边距将其向下隔开。您可以使用特定的尺寸和名称,但类似于此。另外,将
class=“topRow”
添加到容纳按钮的容器中

.topRow{
    margin-top:25px;
}

当你确定了位置后,你就把它从页面流中去掉了。对于按钮,我建议使用上边距将其向下隔开。您可以使用特定的尺寸和名称,但类似于此。另外,将
class=“topRow”
添加到容纳按钮的容器中

.topRow{
    margin-top:25px;
}

您可以在导航栏下添加一个垫片。如果在同一个CSS中定义间隔符和导航栏的高度,则只需在一个位置指定高度即可。在间隔符之后,其他所有内容都将被定位,就好像导航栏的底部是页面的顶部一样

.navbar{
位置:固定;
宽度:100%;
背景:灰色;
}
.navbar{
高度:50px;
}
嘿,我是导航条
我藏在导航栏下面
按钮1

按钮2
您可以在导航栏下添加一个垫片。如果在同一个CSS中定义间隔符和导航栏的高度,则只需在一个位置指定高度即可。在间隔符之后,其他所有内容都将被定位,就好像导航栏的底部是页面的顶部一样

.navbar{
位置:固定;
宽度:100%;
背景:灰色;
}
.navbar{
高度:50px;
}
嘿,我是导航条
我藏在导航栏下面
按钮1
按钮2