HTML、CSS中的边栏问题

我有下面的代码应该可以工作，但是

标记显示混乱（2到一行），而不是一到一行。我在一个Laravel项目中工作，但我不认为这有任何影响。知道为什么

标签显示不正确吗

我必须在这里写更多的细节，所以这次提交通过，因为有很多代码。你可以忽略这一部分。谢谢你的帮助

@导入url（'https://fonts.googleapis.com/css?family=Roboto:300，400i，500’；
身体{
溢出x：隐藏；
字体系列：“Roboto”，无衬线；
字体大小：16px；
}
/*切换样式*/
#视区{
左侧填充：250px；
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
}
#内容{
宽度：100%；
位置：相对位置；
右边距：0；
}
/*边栏样式*/
#边栏{
z指数：1000；
位置：固定；
左：250px；
宽度：250px；
身高：100%；
左边距：-250px；
溢出y：自动；
背景：#37474F；
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
}
#边栏标题{
背景色：#263238；
字体大小：20px；
线高：52px；
文本对齐：居中；
}
#边栏标题a{
颜色：#fff；
显示：块；
文字装饰：无；
}
#侧边栏标题a：悬停{
颜色：#fff；
}
#侧栏导航{
}
#侧边栏，导航a{
背景：无；
边框底部：1px实心#455A64；
颜色：#CFD8DC；
字体大小：14px；
填充：16px 24px；
}
#侧栏。导航a：悬停{
背景：无；
颜色：#ECEFF1；
}
#侧栏。导航a i{
右边距：16px；
}

{{config（'app.name'，'Laravel'）}
















@包括（'inc\navbar'）
@产量（‘含量’）
@包括（'inc\footer'）

Hi。欢迎来到社区。请使用[Stack Snippets]（）或创建代码段以便于理解问题代码中有一个标记没有开始标记