Css Twitter引导和Chrome中的奇怪溢出问题
我有一个Twitter引导程序,它包含一个组件 演示可以在 铬有两个问题(FF或IE中不明显):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
- 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())
}
}