我刚开始使用css网格,我试图在一个网格单元中使用flexbox定位两个项目。左边有一个徽标,右边有一个导航条,但是导航条不是以单元格"a“为中心,它似乎位于单元格"a”的下边界以下(我试图上传jpeg图像,但是Stack溢出现在在接受图像上传时遇到了问题,请参见)。
以下是html代码:
<div class="a">
<div class="a_left">
Logo for Project
</div>
<div class="a_right">
<div class
我已经尽了一切努力让我的导航栏和主页一起出现。
当我使用下面的代码,即使我确定我的css工作,我不能得到一个导航条出现。所有发生的事情是我的“关于”链接到极右,我的“家”在左边,但是没有导航栏可以看到。
有人知道为什么我的导航条css没有激活吗?即使所有其他的引导css都是有功能的?
<!DOCTYPE html>
<html>
<head>
<title>Attempting to get nav bar to work</title>
<meta charset="UTF-8">
当您使用position:fixed顶部导航条时,会出现此问题:由于导航栏不在文档流之外,因此您在其之后放置的初始内容将被导航条本身隐藏。这个小提琴展示了我的解决方案,它使用额外的间隔div和padding-top。
html
<div class="fixednav">some nav stuff</div>
<div class="navspacer"></div>
main content which should not be covered by nav
css
.fixednav { position