Question

在CSS div div中，我将display属性值设置为inline，HTML中的.nav分类<div>消失了。 .nav分类<div>仅在我删除display: inline;属性时才会显示。

这是我的代码：

* {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div div {
  display: inline;
}

.nav {
  color: white;
  background-color: red;
  position: relative;
  width: 200px;
}

<body>
  <div class="container">
    <div class="nav">
      <h2>Menu Bar<h2>
      <ul><li>Option1</li><li>Option2</li><li>Option3</li></ul>
    </div>
    <div class="main">
      <h1>Site Title</h1>
      <p id="dp">Here is the paragraph.<p></div>
    </div>
  </div>
</body>

Answer 1

它正在发生，因为您已在<h2> div中添加了块级元素.nav，该div现在具有内联属性。

如果您仍然希望内联属性为.nav，请将相同的显示内联属性应用于子元素，即h2或更改div div { display: inline-block; }的属性，但将块级元素保留在内部是错误的做法内联元素。

为什么“内联”或“内联阻止”导致<div>消失？

1 个答案: