Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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 - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 如何删除两个导航栏之间的空行

Html 如何删除两个导航栏之间的空行

html css

Html 如何删除两个导航栏之间的空行,html,css,Html,Css,我有两个导航条，我希望它们彼此重叠，没有空格，但由于某种原因，有一条空行，好像我使用了 HTML部分 <!DOCTYPE html>Logo! <BR> <ul class="menu"> <li><a href="#">Home</a> </li> <li><a href="#">placeholder</a> </li> <li><a href

我有两个导航条，我希望它们彼此重叠，没有空格，但由于某种原因，有一条空行，好像我使用了

HTML部分

<!DOCTYPE html>Logo!
<BR>
<ul class="menu">
<li><a href="#">Home</a>
</li>
<li><a href="#">placeholder</a>
</li>
<li><a href="#">placeholder</a>
</li>
<li><a href="#">placeholder</a>
</li>
<li><a href="#">placeholder</a>
</li>
<li><a href="#">placeholder</a>
</li>
</ul>
<ul class="submenu">
<li><a href="#">subheader1</a>
</li>
<li><a href="#">subheader2</a>
</li>
<li><a href="#">subheader3</a>
</li>
</ul>

我不确定我需要更改哪一部分，所以我包括了所有内容

如何删除空行

E:我的提琴失败了，忘了按update，现在应该有正确的了。

注意：我在firefox上看到了所有的东西，所以它在两个正方形的连接上给了我2个像素。为此，我使用了这种技术

您可以使用pseudo
：last child

CSS

div {
    display: inline-block;
    padding: 15px;
    border-left: 2px solid red;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    margin: 0;
    white-space:0;
}

div:last-child {
    border-right: 2px solid red;
}

为
菜单
和
子菜单
类应用
填充：0
和
边距：0

.menu, .submenu{margin:0; padding:0;}
您只需在CSS中添加以下内容：

.menu {margin-bottom:0px;}
.submenu {margin-top:0px;}
祝您愉快。

哪种浏览器？chrome it运行良好\IE，它是为公司网站设计的，因此需要IE兼容性。这是不同的提琴耶，我的错，现在应该有正确的提琴了。大约有两个
    有
    边距
    。您的答案在元素之间仍然有空格。如果你看一下你正在使用的
    标记，它周围有空白。@putvande。。。问题上显示的是我使用的小提琴…同时他改变它以反映真实情况…我所有的答案都是基于错误的JSFIDLE…抱歉！谢谢，这完美地解决了我的问题。

    .menu {margin-bottom:0px;}
.submenu {margin-top:0px;}