如何忽略多项选择的父溢出？

Question

我需要进行单看多选。现在，我正在使用bootstrap multiselect插件，但不能使其忽略其父溢出：auto;

embedding

以下是更好地了解时区选择器的示例。 https://jsfiddle.net/Shoup/rytcoxzu/3/

Answer 1

添加maxHeight

$('.f-timezone').multiselect({
      numberDisplayed: 1,
      maxHeight: 150,
      onChange: function (e, c) {
            e.checked = c;
        }
});

在更改事件中添加类并更改您的CSS，例如.multi .pad12

    $('.f-timezone').multiselect({

    numberDisplayed: 1,
    onChange: function (e, c) {
        e.checked = c;
    },

    onDropdownShown: function (event) {
        $('body').addClass('multi')
    },
    onDropdownHidden: function (event) {
        $('body').removeClass('multi')
    }
});

https://jsfiddle.net/lalji1051/5fkythr0/1/