Javascript 子元素移动基线

我有一个可以内联使用的下拉小部件，但当它打开时，似乎会降低文本基线。我希望小部件的子部件不会影响布局

通过一些实验，我发现div中是否有文本很重要，因此下面的示例中有两个小部件

var divs=document.queryselectoral（'div-div'）；
对于（变量i=0；i

div{
背景色：#ddf；
宽度：150px；
高度：20px；
溢出：可见；
显示：内联块；
}
.第三{
显示：块；
}
.高{
高度：100px；
}

正文
Text

这是否解决了您的问题。我只在

的

中添加了

float:left

。这是小提琴