Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何消除导航栏和标题之间的白色间隙?_Html_Css_Twitter Bootstrap_Navbar - Fatal编程技术网

Html 如何消除导航栏和标题之间的白色间隙?

Html 如何消除导航栏和标题之间的白色间隙?,html,css,twitter-bootstrap,navbar,Html,Css,Twitter Bootstrap,Navbar,我想消除我的导航栏和标题之间的白色差距,我不知道为什么我会有这个差距。我希望有人能帮助我 @导入url(http://fonts.googleapis.com/css?family=Lato); .集装箱 { 宽度:800px; 溢出:隐藏; 显示:内联块; 边际上限:0px; } .侧栏 { 背景:#74AFAD; 位置:绝对位置; 身高:100%; 宽度:200px; 颜色:#fff; 过渡:左边距0.5s; } .侧杆ul { 列表样式:无; 填充:0px; } .侧栏ul li.菜单头

我想消除我的导航栏和标题之间的白色差距,我不知道为什么我会有这个差距。我希望有人能帮助我

@导入url(http://fonts.googleapis.com/css?family=Lato);
.集装箱
{
宽度:800px;
溢出:隐藏;
显示:内联块;
边际上限:0px;
}
.侧栏
{
背景:#74AFAD;
位置:绝对位置;
身高:100%;
宽度:200px;
颜色:#fff;
过渡:左边距0.5s;
}
.侧杆ul
{
列表样式:无;
填充:0px;
}
.侧栏ul li.菜单头
{
字体系列:“Lato”,无衬线;
填充:20px;
}
.侧栏ul li.菜单头a
{
颜色:#fff;
文字装饰:无;
高度:50px;
}
.侧栏ul.菜单头a
{
颜色:#fff;
文字装饰:无;
高度:50px;
保证金:0;
}
.侧栏ul.菜单li a
{
颜色:#fff;
文字装饰:无;
显示:内联表;
宽度:100%;
左侧填充:20px;
右边填充:20px;
填充顶部:10px;
垫底:10px;
}
.侧栏ul.菜单li a:悬停
{
左边框:3px实心#ECECEA;
左侧填充:17px;
}
.侧栏ul.菜单li a.激活
{
左侧填充:17px;
背景:#D9853B;
左边框:3px实心#ECECEA;
}
.侧栏ul.菜单li a.激活:之前{
内容:“;
位置:绝对位置;
宽度:0;
身高:0;
边框顶部:20px实心透明;
边框底部:20px实心透明;
左边框:7px实心#D9853B;
利润上限:-10px;
左边距:180像素;
}
.内容
{
左侧填充:200px;
过渡:填充左0.5s;
}
.active>侧栏
{
左边距:-150px;
过渡:左边距0.5s;
}
.active>.content
{
左侧填充:50px;
过渡:填充左0.5s;
}
#注销工具条{
位置:绝对位置;
显示:内联块;
底部:0;
宽度:100%;
}
@媒体屏幕和屏幕(最大宽度:768px){
一排帆布{
位置:相对位置;
-webkit过渡:所有0.25秒都可以轻松过渡;
-moz转换:所有0.25秒都会变慢;
过渡:所有0.25秒都放松;
宽度:计算(100%+220px);
}
.左一行
{
左:-220px;
}
.row-offcanvas-left.active{
左:0;
}
.侧边栏{
位置:绝对位置;
排名:0;
}
}
#边栏{
宽度:继承;
最小宽度:220px;
最大宽度:220px;
背景色:#F5;
浮动:左;
身高:100%;
位置:相对位置;
溢出y:自动;
溢出x:隐藏;
}
#主要{
身高:100%;
溢出:自动;
}

Bagus游戏商店管理仪表板
  • 管理面板
应用

margin: 0px;
到你的身体和移除

display:inline-block;
从您的容器中显示为 工作,但这可能不是您想要的,这取决于您想要在页面上添加哪些其他元素。

margin: 0px;
到你的身体和移除

display:inline-block;
从您的容器中显示为
工作,但这可能不是您想要的,这取决于您希望在页面上使用的其他元素。

您需要将div
定位。侧栏使用
top:0显式地位于其父元素的顶部。(注意,此di已定位为绝对)

下面的片段

@导入url(http://fonts.googleapis.com/css?family=Lato);
.集装箱{
宽度:800px;
溢出:隐藏;
显示:内联块;
边际上限:0px;
}
.侧栏{
背景:#74AFAD;
位置:绝对位置;
身高:100%;
宽度:200px;
颜色:#fff;
过渡:左边距0.5s;
}
.侧杆ul{
列表样式:无;
填充:0px;
}
.侧栏ul li.菜单头{
字体系列:“Lato”,无衬线;
填充:20px;
}
.侧栏ul li.菜单头a{
颜色:#fff;
文字装饰:无;
高度:50px;
}
.侧栏ul.菜单头a{
颜色:#fff;
文字装饰:无;
高度:50px;
保证金:0;
}
.侧栏ul.菜单li a{
颜色:#fff;
文字装饰:无;
显示:内联表;
宽度:100%;
左侧填充:20px;
右边填充:20px;
填充顶部:10px;
垫底:10px;
}
.侧栏ul.菜单li a:悬停{
左边框:3px实心#ECECEA;
左侧填充:17px;
}
.侧栏ul.菜单li a.激活{
左侧填充:17px;
背景:#D9853B;
左边框:3px实心#ECECEA;
}
.侧栏ul.菜单li a.激活:之前{
内容:“;
位置:绝对位置;
宽度:0;
身高:0;
边框顶部:20px实心透明;
边框底部:20px实心透明;
左边框:7px实心#D9853B;
利润上限:-10px;
左边距:180像素;
}
.内容{
左侧填充:200px;
过渡:填充左0.5s;
}
.active>侧栏{
左边距:-150px;
过渡:左边距0.5s;
}
.active>.content{
左侧填充:50px;
过渡:填充左0.5s;
}
#注销工具条{
位置:绝对位置;
显示:内联块;
底部:0;
宽度:100%;
}
@媒体屏幕和屏幕(最大宽度:768px){
一排帆布{
位置:相对位置;
-webkit过渡:所有0.25秒都可以轻松过渡;
-moz转换:所有0.25秒都会变慢;
过渡:所有0.25秒都放松;
宽度:计算(100%+220px);
}
.左一行{
左:-220px;
}
.row-offcanvas-left.active{
左:0;
}
.侧边栏{
位置:绝对位置;
排名:0;
}
}
#边栏{
宽度:继承;
最小宽度:220px;
最大宽度:220px;
背景公司