Javascript Dojo水平滑块显示在标签上

我正在使用标签和规则设置dijit.form.HorizontalSlider，但我无法使显示器正常工作。滑块显示在规则和标签上方。我可以看到标签和规则所在的div没有height属性，我猜这就是我的问题所在，但我似乎无法修复它

这是密码

//create a div for the rule in my inner node div
this.ruleDiv = dojo.create("div", {}, dojo.byId("ruleDiv"), "first");
this.getInnerNode().appendChild(this.ruleDiv);

//create a div for the labels in my inner node div
this.labelsDiv = dojo.create("div", {},dojo.byId("labelsDiv"), "first");
this.getInnerNode().appendChild(this.labelsDiv);

//create the rule object
this.sliderLabelsRule = new HorizontalRule({
    container: "topDecoration",
    count: 10
}, this.getLabelsRuleDiv());

//create the labels object  
this.sliderLabels = new HorizontalRuleLabels({
    container: "topDecoration",
    labelStyle: "font-size: 10px;",
    labels: ["test0", "test1", "test2", "test3", "test4", "test5", 
             "test6", "test7", "test8", "test9"]
}, this.getLabelsDiv());

//create the slider   
this.slider = new Slider({}, this.getInnerNode());

//startup the widgets
this.getSlider().startup();
this.getLabelsRule().startup();
this.getLabels().startup();

---

我尝试过交换东西，尝试了很多不同的方法，但我似乎找不到正确的组合，任何帮助都是感激的

在HorizontalRule构造函数中，添加样式属性以设置高度。像这样的

this.sliderLabelsRule = new HorizontalRule({
  container: "topDecoration",
  count: 10,
  style: "height: 5px;"
}, this.getLabelsRuleDiv());

---

我有一个类似的问题，我所有的标签和规则都在滑块下，但也直接堆叠在一起，所以我有十个标签和规则在一个大混乱中，我必须在上面的构造函数中设置宽度与我的滑块相同，并使用position:absolute将它们移动到正确的位置。为了让它们准确地到达你想要的地方，你可能需要做一些类似的事情。只需在构造器的style属性中使用css

Man，我一年前就可以使用你了。我不确定我是否曾经解决过这个问题，因为这是我在项目中接近尾声的时候了，从那以后我就一直在前进。我会给你正确的答案，因为它是有意义的，希望它能在将来帮助别人。谢谢，是的，我今天真的遇到了这个问题，在搜索答案时发现了这个问题，所以一旦我最终弄明白了，我想我不妨把它贴在这里，以备将来参考