Css 下拉框未完全显示（所有浏览器）

这将是我的问题，我有一个下拉列表没有完全显示。我甚至不知道从哪里开始，所以下面是围绕下拉列表的HTML，我还将提供CSS

HTML

谢谢你的建议

编辑 我已经为包含下拉列表的div添加了CSS。同样，改变线的高度也没有什么区别。两个下拉列表（项目和数量）之间的唯一区别是宽度。更改项目的宽度不会产生任何影响

---

取出“添加另一项”链接，因为怀疑这是一个问题，没有更改。另外，我正在Firefox中进行开发，我刚刚发布了Safari的屏幕截图。

看起来您正在“选择”元素上设置“行高：15px；”。删除该选项，看看它是否解决了问题。

看起来您正在“选择”元素上设置“行高：15px；”。删除它，看看它是否解决了问题。

如果元素上的样式对于相同的类型都是相同的（除了宽度），那么似乎唯一可能的罪魁祸首是页面中的周围元素。例如，问题下拉列表下方的“添加另一项”链接的css/html是什么？

如果元素上的样式对于相同的类型都是相同的（除了宽度），那么唯一可能的罪魁祸首似乎是页面中的周围元素。例如，问题下拉列表下方的“添加另一项”链接的css/html是什么？

我建议使用Firefox中的插件检查您的页面。它可以显示和更改指定给元素的CSS样式，您将很快解决此问题。

我建议您使用Firefox中的插件检查页面。它可以显示和更改分配给元素的CSS样式，您将很快解决问题。

可能不是DDL，但页面上的其他内容可能会覆盖其中的一部分。在FireFox中，在DDL底部的空白处尝试“检查元素”。

它可能不是DDL，但页面上的其他内容可能覆盖了它的一部分。在FireFox中，在DDL底部的空白处尝试“检查元素”。

下拉列表中可能没有差异；但是，根据您提供的代码，包含它们的

LI

s中存在差异

---

您为所有列表项设置了基本样式，但也为

li.name

定义了特定样式。我将重点讨论

div#byitem ul.horz li.name

样式。没有足够的代码让我在本地复制它，但我猜是

display:block

是罪魁祸首。

下拉列表中可能没有差异；但是，根据您提供的代码，包含它们的

LI

s中存在差异

---

您为所有列表项设置了基本样式，但也为

li.name

定义了特定样式。我将重点讨论

div#byitem ul.horz li.name

样式。没有足够的代码让我在本地复制它，但我的猜测是

display:block

是罪魁祸首。

Jeromy是正确的，区别在于包含选择的li和周围元素，考虑到您正在浮动li

尝试更改以下样式的高度，查看结果

div#byitem ul.vert li {
    background:transparent none repeat scroll 0 0;
    height:17px;
    margin:0;
    padding:0;
}

---

希望这能帮助您找到它。

Jeromy是正确的，区别在于包含选择的li和周围元素，考虑到您正在浮动li

尝试更改以下样式的高度，查看结果

div#byitem ul.vert li {
    background:transparent none repeat scroll 0 0;
    height:17px;
    margin:0;
    padding:0;
}

---

希望这有助于您追踪它。

即使它最终没有解决问题，我强烈建议从

li

和

select

元素中删除

高度：

声明。显示大小取决于浏览器使用的字体。由于无法控制用户计算机上安装的字体，因此无法保证浏览器将使用哪种字体。这些高度迟早会给您带来问题（并且可能是您当前问题的原因）。

即使最终无法解决问题，我强烈建议您从

li

和

select

元素中删除

高度：

声明。显示大小取决于浏览器使用的字体。由于无法控制用户计算机上安装的字体，因此无法保证浏览器将使用哪种字体。这些高度迟早会给你带来问题（可能是你当前问题的原因）。

我认为这里没有足够的信息来提供解决方案。使用您提供的代码不会呈现与所述问题类似的任何内容。除非有人以前看到过，否则我们需要至少有足够的代码来复制问题，以便对其进行诊断。我同意，提供的样式似乎不是本页上使用的所有样式。你有更多的代码可以提交吗？我仍然认为缺少了一些代码-css引用了没有的标记。我只是简单地更改了一些div名称，并添加了1来包围它。我是这样做的。我的答案如下。我认为这里没有足够的信息提供解决方案。使用您提供的代码不会呈现与所述问题类似的任何内容。除非有人以前看到过，否则我们需要至少有足够的代码来复制问题，以便对其进行诊断。我同意，提供的样式似乎不是本页上使用的所有样式。你有更多的代码可以提交吗？我仍然认为缺少了一些代码-css引用了没有的标记。我只是简单地更改了一些div名称，并添加了1来包围它。我是这样做的。我的答案如下。页边空白：0px；填充：10px 0pt 0pt 10px；特克斯

div#byitem ul.vert li {
    background:transparent none repeat scroll 0 0;
    height:17px;
    margin:0;
    padding:0;
}