Question

我的JS代码应该生成一个html可滚动div，其中包含一个包含复选框列表的表单，我将字符串打印到控制台，这是结果（未格式化）：

<div><div id='div_Fluxo_de_transitoFonteFluxo_de_transitoFonteinput4' style='padding-left:1em; height:100px; max-width: 215px; border:2px solid #ccc; overflow-y: scroll; '><form id='form_Fluxo_de_transitoFonte'><label><input type='checkbox' value='CMP'>CMP</input></label><br/><label><input type='checkbox' value='IdP'>IdP</input></label><br/><label><input type='checkbox' value='PSP'>PSP</input></label><br/><label><input type='checkbox' value='Heli1'>Heli1</input></label><br/><label><input type='checkbox' value='Brisa'>Brisa</input></label><br/><label><input type='checkbox' value='Heli2'>Heli2</input></label><br/></form></div></div>

https://jsfiddle.net/k63o30ka/

生成的代码适用于jsfiddle，但在我的小部件中，复选框显示在可滚动div之外： http://image.prntscr.com/image/80494dcbb220424d94ebd3ba629c5698.png

任何可能导致此问题的想法？请注意，两种情况下的代码完全相同。

更新：问题与代码上使用的引导程序有关。

Answer 1

看起来很棒。我看到的唯一问题是外部div应该有overflow: hidden

<div style="overflow:hidden">
  <div id='div_Fluxo_de_transitoFonteFluxo_de_transitoFonteinput4' style='padding-left:1em; height:100px; max-width: 215px; border:2px solid #ccc; overflow-y: scroll; '>
.....
</div>

小提琴链接：https://jsfiddle.net/8xknfevx/

可滚动div内的复选框正在其外部显示，但代码在jsfiddle上正常工作

1 个答案: