Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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_Navigation_Title_Spacing - Fatal编程技术网

Html 徽标和导航栏之间的间距

Html 徽标和导航栏之间的间距,html,navigation,title,spacing,Html,Navigation,Title,Spacing,所以,是的,我已经创建了导航栏和我的页面标志,但它们之间有很多空间,我不想这样 现在看起来是这样的: 但我不想在他们之间留下空隙: 请帮助我,这是我的代码: 菜单栏 *{ 边缘底部:0px; 左边距:0px; 右边距:0px; 边际上限:0px; 垫底:0px; 左侧填充:0px; 右边填充:0px; 填充顶部:0px; } 身体{ 背景:url(future.jpg); 位置:中心; 身高:100%; 宽度:100%; } #容器{ 边缘顶部:105px; 左边距:300px; 高度:

所以,是的,我已经创建了导航栏和我的页面标志,但它们之间有很多空间,我不想这样

现在看起来是这样的:

但我不想在他们之间留下空隙:

请帮助我,这是我的代码:


菜单栏
*{
边缘底部:0px;
左边距:0px;
右边距:0px;
边际上限:0px;
垫底:0px;
左侧填充:0px;
右边填充:0px;
填充顶部:0px;
}
身体{
背景:url(future.jpg);
位置:中心;
身高:100%;
宽度:100%;
}
#容器{
边缘顶部:105px;
左边距:300px;
高度:50px;
}
.菜单{
列表样式:无;
}
李先生{
位置:中心;
浮动:左;
背景:rbackground:#ffffff;/*旧浏览器*/
背景:-莫兹线性梯度(顶部,#ffffff 0%,#F1F1F150%,#E1E1E1E1 51%,#f6f6f6 100%);/*FF3.6+*/
背景:-webkit渐变(线性、左上、左下、颜色停止(0%、#ffffff)、颜色停止(50%、#f1f1f1)、颜色停止(51%、#e1e1e1)、颜色停止(100%、#F6F6));/*铬、Safari4+*/
背景:-webkit线性梯度(顶部,#ffffff 0%,#F1F1F150%,#E1E1E1E1 51%,#f6f6f6 100%);/*Chrome10+,Safari5.1+*/
背景:-o型线性梯度(顶部,#ffffff 0%,#F1F1F150%,#E1E1E1E1 51%,#f6f6f6 100%);/*Opera 11.10+*/
背景:-ms线性梯度(顶部,#ffffff 0%,#F1F1F150%,#e1e1e1 51%,#f6f6f6 100%);/*IE10+*/
背景:线性梯度(至底部,#ffffff 0%,#F1F1F150%,#e1e1e1 51%,#f6f6f6 100%);/*W3C*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0);/*IE6-9*/
字体系列:“弗朗索瓦一号”,无衬线;
文本对齐:居中;
显示:块;
高度:50px;
宽度:150px;
线高:50px;
右边框:1px实心rgba(51,51,51,1);
-webkit转换:所有.3s线性0;
-moz转换:所有.3s线性0s;
-ms转换:全部3秒线性0秒;
-o-过渡:全部3秒线性0秒;
转换:所有.3s线性0;
}
.左{
边框左上半径:50px;
边框左下半径:50px;
}
.对{
边框右上角半径:50px;
边框右下半径:50px;
边界:0px;
}
.菜单李:悬停{
背景:背景:#ffffff;/*旧浏览器*/
背景:-莫兹径向梯度(中心,椭圆覆盖,#ffffff 0%,#E5 100%);/*FF3.6+*/
背景:-webkit渐变(径向、中-中、0px、中-中、100%、颜色停止(0%,#ffffff)、颜色停止(100%,#e5));/*铬、Safari4+*/
背景:-webkit径向梯度(中心,椭圆覆盖,#ffffff 0%,#E5 100%);/*铬10+,Safari5.1+*/
背景:-o形径向梯度(中心,椭圆覆盖,#ffffff 0%,#e5 100%);/*Opera 12+*/
背景:-ms径向梯度(中心,椭圆覆盖,#ffffff 0%,#E5 100%);/*IE10+*/
背景:径向梯度(中心椭圆,#ffffff 0%,#E5 100%);/*W3C*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e5',GradientType=1);/*IE6-9在水平渐变上回退*/
颜色:rgba(0,0,51,1);
}
h1{
颜色:白色;
字体系列:“第一天”,无衬线;
位置:中心;
字体大小:50px;
-webkit文本笔划宽度:1px;
-webkit文本笔划颜色:黑色;
文本对齐:居中;
}
龙店
    普拉迪亚
  • 蜂房
  • KAIP UŽSISAKYTI
  • 棱柱体
  • 康塔泰
将您的
#容器
id替换为以下内容:

#container
   {
    margin-top: 105px;
    margin-left: 300px;
    height: 50px;
    position: relative;
    bottom: 90px;
    }

这是因为您将顶部边距设置为105px

试试这个


别忘了访问

@BananaFlow如果我的回答对你有用,请接受:)
#container{
    margin-top: 11px;
    margin-left: 300px;
    height: 50px;
}