Css 两个内联块div内的h1和p元素出现故障

我在两个内联阻塞div中遇到了

h1

和

p

元素的问题

代码如下：

#地图画布{
宽度：69%；
高度：1000px；
显示：内联块；
}
#过滤器管理器{
显示：内联块；
宽度：30%；
高度：1000px；
背景色：#000000；
保证金：0；
填充：0；
}
#过滤器管理器h1{
字体大小：20px；
文本转换：大写；
颜色：#fff；
保证金：0；
填充：0；
显示：块；
}

菲尔特里

div保持其内联状态，但是当我放置

h1

或p元素时，

#过滤器管理器

位于底部。如果我不把任何东西放进去的话，div就完全对齐了

---

为什么

h1

和

p

元素的行为是这样的？

尝试更改css文件中h1的显示

---

如果不起作用，请尝试检查

宽度：30%

和

边距：0

参数，您的问题肯定在那里。

尝试更改css文件中h1的显示

---

如果这不起作用，请尝试检查

宽度：30%

和

边距：0

参数，您的问题肯定在那里。

在这种情况下，您有两种解决方案。首先是要补充这一点：

#filter-manager {
        float: left;
}

二是制作h1

表格

：

#filter-manager h1 {
    display: table;
}

---

在这种情况下，您有两种解决方案。首先是要补充这一点：

#filter-manager {
        float: left;
}

二是制作h1

表格

：

#filter-manager h1 {
    display: table;
}

---

应该在div中添加垂直对齐：top，并使用display:inline块；此外，您不需要在h1中显示：block，因为默认情况下在h1、h2、h3等中显示

#地图画布{
宽度：69%；
高度：100px；
显示：内联块；
背景色：红色；
垂直对齐：顶部
}
#过滤器管理器{
显示：内联块；
宽度：30%；
高度：100px；
背景色：#000000；
保证金：0；
填充：0；
垂直对齐：顶部
}
#过滤器管理器h1{
字体大小：20px；
文本转换：大写；
颜色：#fff；
保证金：0；
填充：0；
显示：块
}

菲尔特里

您应该使用display:inline块在div中添加垂直对齐：top；此外，您不需要在h1中显示：block，因为默认情况下在h1、h2、h3等中显示

#地图画布{
宽度：69%；
高度：100px；
显示：内联块；
背景色：红色；
垂直对齐：顶部
}
#过滤器管理器{
显示：内联块；
宽度：30%；
高度：100px；
背景色：#000000；
保证金：0；
填充：0；
垂直对齐：顶部
}
#过滤器管理器h1{
字体大小：20px；
文本转换：大写；
颜色：#fff；
保证金：0；
填充：0；
显示：块
}

菲尔特里

如您所见，我尝试了h1元素的display:block和margin:0。我尝试了均匀宽度：20%，但问题不存在，并且发生了任何变化：/如您所见，我尝试了h1元素的display:block和margin:0。我尝试了均匀宽度：20%，但问题不存在，任何变化：/