Css Twitter引导和Chrome中的奇怪溢出问题

Css Twitter引导和Chrome中的奇怪溢出问题,css,twitter-bootstrap,jquery-select2,Css,Twitter Bootstrap,Jquery Select2,我有一个Twitter引导程序,它包含一个组件 演示可以在 铬有两个问题(FF或IE中不明显): chrome中存在溢出问题,导致井中出现垂直滚动条。这似乎可以通过以下css解决: .选项卡内容{ 溢出:隐藏; } Chrome的第二个问题是,在底部下拉列表中选择一个项目会导致井中出现奇怪的跳跃问题,然后一些井中的内容从顶部消失 有关守则如下: <div class="well"> <ul class="nav nav-tabs"> <l

我有一个Twitter引导程序,它包含一个组件

演示可以在

铬有两个问题(FF或IE中不明显):

  • chrome中存在溢出问题,导致井中出现垂直滚动条。这似乎可以通过以下css解决:

    .选项卡内容{ 溢出:隐藏; }

  • Chrome的第二个问题是,在底部下拉列表中选择一个项目会导致井中出现奇怪的跳跃问题,然后一些井中的内容从顶部消失

有关守则如下:

<div class="well">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#panel1" data-toggle="tab">First tab</a></li>
        <li class=""><a href="#panel2" data-toggle="tab">Second tab</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="panel1">
            <div class="control-group">
                <label for="bar" class="control-label"></label>
                <div class="controls">
                    <select name="bar" class="selector">
                        <option value="0">First Option</option>
                        <option value="1" selected="selected">Second Option</option>
                        <option value="2">Third Option</option>
                    </select>
                </div>
            </div>                      
            <div class="control-group">
                <label for="bar" class="control-label"></label>
                <div class="controls">
                    <select name="bar" class="selector">
                        <option value="0">First Option</option>
                        <option value="1" selected="selected">Second Option</option>
                        <option value="2">Third Option</option>
                    </select>
                </div>
            </div>              
        </div>
    </div>
</div>

第一选择 第二种选择 第三种选择 第一选择 第二种选择 第三种选择
尝试覆盖此CSS类
。选项卡内容

与:

该样式位于:


第608行

我也遇到了这个问题。似乎您需要对select2.js稍作修改,并在_makeMaskCss中注释掉高度。这似乎发生在我的引导响应。演示似乎工作得很好

function _makeMaskCss() {
            return {
                width  : Math.max(document.documentElement.scrollWidth,  $(window).width())//,
                //height : Math.max(document.documentElement.scrollHeight, $(window).height())
            }
        }
function _makeMaskCss() {
            return {
                width  : Math.max(document.documentElement.scrollWidth,  $(window).width())//,
                //height : Math.max(document.documentElement.scrollHeight, $(window).height())
            }
        }