javascript - 如何为选项卡应用 float 属性？

Question

我设计了一个html标签。我向它应用了 float 属性。问题是当我最小化浏览器选项卡时无法正确显示。这是我的 fiddle :

http://jsfiddle.net/raghavendram040/vn1Leuq3/

并且 JavaScript 是从互联网上复制的，所以任何人都可以告诉这个 JavaScript 是如何工作的并应用 float 属性吗？这真的对我有帮助。这是 JavaScript 代码:

tabs = function(options) {

var defaults = {  
    selector: '.tabs',
    selectedClass: 'selected'
};  

if(typeof options == 'string') defaults.selector = options;
var options = $.extend(defaults, options); 

return $(options.selector).each(function(){
                            
    var obj = this; 
    var targets = Array();

    function show(i){
        $.each(targets,function(index,value){
            $(value).hide();
        })
        $(targets[i]).fadeIn('fast');
        $(obj).children().removeClass(options.selectedClass);
        selected = $(obj).children().get(i);
        $(selected).addClass(options.selectedClass);
    };

    $('a',this).each(function(i){   
        targets.push($(this).attr('href'));
        $(this).click(function(e){
            e.preventDefault();
            show(i);
        });
    });
    
    show(0);

});         
}tabs('nav ul');

Answer 1

从 nav 和 ul 中抑制

height: 28px;

添加

overflow: auto;

到你的 ul 元素。这将防止您的选项卡链接消失。如果你想让它们排成一行，你需要像这样设置你的 ul 元素的 min-width 属性:

min-width: 800px;