我正在jQuery在div中添加复选框。Div在溢出时滚动。但我发现当复选框名称很大时，div不会水平滚动，但额外的内容会转到下一行，而垂直滚动工作很好。下面是一些代码

下面是创建div的代码

  <div id="legendBox" style="overflow:scroll;width:145px;height:300px;"></div>

此代码用于在DIV中添加复选框

if (legendChecked == "T")
                {
                    legendtest = "<input type='checkbox' class='" + legendClass + "' name='" + legendName + "' style='background-color:" + legendColor + "' value='" + legendName + "' checked onClick=legendChanged();  title='" + legendName + "' />" + legendName;
                } else
                {
                    legendtest = "<input type='checkbox' class='" + legendClass + "' name='" + legendName + "' style='background-color:" + legendColor + "' value='" + legendName + "' onClick=legendChanged();  title='" + legendName + "' />" + legendName;
                }
                $("#legendBox").append(legendtest+"</br>");

请告诉我错误在哪里。