为什么下的div和Nav显示为块？
嗨，我试图创建一个复杂的标题为我的网站。现在，这个标题由两个部分组成。
- 徽标-为此使用div。15%总管。显示:内联块
- 导航-为此使用导航。85%总管。显示:内联块
但在浏览器中，我看到的是在nav顶部的标志，因为保存在堆栈中。
如何摆脱这个问题。
下面是我的代码。
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<!-- main css-->
<link rel="stylesheet" type="text/css" href="./css/main.css"/>
</head>
<body>
<header>
<div id='logo'>
<p>LOGO</p>
</div>
<nav>
klkdfglkdfjklg
</nav>
</header>
<footer></footer>
</body>
</html>
**CSS**
body {
padding: 0;
margin: 0;
border: 0;
background-color: #ccc;
}
header {
background-color: #444;
padding: 0;
margin: 0;
text-align: center;
}
#logo {
display: inline-block;
background-color: yellow;
padding: 0;
margin: 0;
border: 0;
width: 15%;
}
nav {
display: inline-block;
padding: 0;
margin: 0;
border: 0;
width: 85%;
background-color: red;
}
共有3个答案
<div id='logo'><p>LOGO</p></div><nav>klkdfglkdfjklg</nav>
删除div和nav标记之间的换行间隔
你可以读一下这篇文章
如何删除内联块生成的额外边距空间？
我还建议使用reset css http://meyerweb.com/eric/tools/css/reset/
根据我的理解，看起来你想要的标志和导航并排。
在您的代码中，您只编写了display:inline-block，您还需要添加vertical-align:top/bottom/middle。
除此之外，一个简单的解决方案是根据需要使用float left/right
-
问题内容： 我的内容带有“气泡”，效果很好。现在，我想显示一个计数（2行），该计数应始终位于该div的右下角，位于其内部。我尝试了很多事情，但由于某种原因，它总是与div重叠并在外面显示。我究竟做错了什么？ 问题答案： 您处于浮动状态，因此不会影响其父容器的高度。 将其设置在父项（）上，或使用其他包含技术的浮点数之一来做到这一点。
-
示例：http://www.studentbridges.org/new/ 我试图使我的导航栏横跨网页顶部，我得到了导航的div横跨网页，但是当我把导航菜单放在div里面时，下拉停止工作，并且链接不是居中的，不管我做什么（text-align：在CSS中的居中和标题中的标记不起作用）。 下面是我的代码： 导航 顶部导航分区： 任何关于问题可能是什么的投入将非常感谢！ HTML：
-
我安装凉亭 我正处于凉亭安装教程的第一步。没有什么我可以补充这个问题，除了我是全新的鲍尔，它没有预期的工作。 我完全重新安装了git/node。全部重新设置，然后回到这个问题
-
试着在bootstrap中做一个navbar。标题占用了所有空间，折叠div没有显示。而我从教程中输入了完全生成输出的精确代码。我做错了什么？这里是Bootstrap初学者。 我创建了一个带有navbar-hear和navbar-collable div的nav标记，其中有两个navbar选项列表 null null navbar-nav元素是不可见的，如果我移除caplable class，它们
-
问题内容： 我正在努力从以下代码中获取正确的输出： 游乐场片段 打印时，结构字段为空。我敢肯定某个地方有一个愚蠢的错误，但是我仍然对Go还是陌生的，而且我已经在这里呆了几个小时。请帮忙。 问题答案： 这已经出现了很多次了。问题在于只能对导出的字段进行封送处理。 通过以大写（大写）字母开头来导出结构域。 在Go Playground上尝试一下。 请注意，JSON文本包含带有小写字母文本的字段名称，但
-
问题内容： 我想显示一个带有边距的可扩展（）… 这是我的代码： 这是我的CSS代码： 问题答案： 您可以使用以下CSS达到所需的结果：
-
按钮样式XML： 按下的按钮样式XML： 按钮样式选择器XML： AlertDialog自定义XML： 为什么当我按下LinearLayout时，选择器不能正常工作？它不是将“可提取”更改为“按下”状态。
-
问题内容： 最近，我一直在开发此网站，并试图在其中添加超棒的字体图标，以便其可扩展。 问题是他们没有露面。 看一下HTML： 要么 我确实把样式表引用放在了头上。 我不知道为什么他们没有出现。 这里是参考： 好了，这是完整的html： 问题答案： 根据您的参考，您有： 具体来说，就是这个部分。 但是，在您的完整html下是这样的： 您是否尝试过更换与您的全HTML变成这样？