如果我设置浮动左侧高度不起作用

时间:2012-07-26 13:35:14

标签: jquery css

如果我将float设置为left,则jquery的高度不起作用 该网站是http://imperiorwebdesign.com/portofoliu 我在css中设置了高度,但我不喜欢它是如何工作的

(function($) {

    $.Tabs = function(el, options) {

        var base = this;
        base.$el = $(el);
        base.$nav = base.$el.find(".nav");

        base.init = function() {

            base.options = $.extend({},$.Tabs.defaultOptions, options);

            // Accessible hiding fix
            $(".hide").css({
                "position": "relative",
                "top": 0,
                "left": 0,
                "display": "none"
            }); 

            base.$nav.delegate("li > a", "click", function() {

                // Figure out current list via CSS class
                var curList = base.$el.find("a.current").attr("href").substring(1),

                // List moving to
                    $newList = $(this),

                // Figure out ID of new list
                    listID = $newList.attr("href").substring(1),

                // Set outer wrapper height to (static) height of current inner list
                    $allListWrap = base.$el.find(".list-wrap"),
                    curListHeight = $allListWrap.height();
                $allListWrap.height(curListHeight);

                if ((listID != curList) && ( base.$el.find(":animated").length == 0)) {

                    // Fade out current list
                    base.$el.find("#"+curList).fadeOut(base.options.speed, function() {

                        // Fade in new list on callback
                        base.$el.find("#"+listID).fadeIn(base.options.speed);

                        // Adjust outer wrapper to fit new list snuggly
                        var newHeight = base.$el.find("#"+listID).height();
                        $allListWrap.animate({
                            height: newHeight
                        });

                        // Remove highlighting - Add to just-clicked tab
                        base.$el.find(".nav li a").removeClass("current");
                        $newList.addClass("current");

                    });

                }   

                // Don't behave like a regular link
                // Stop propegation and bubbling
                return false;
            });

        };
        base.init();
    };

    $.Tabs.defaultOptions = {
        "speed": 300
    };

    $.fn.Tabs = function(options) {
        return this.each(function() {
            (new $.Tabs(this, options));
        });
    };

})(jQuery);
$(function() {

      $("#pagew").Tabs({
            "speed": 200
      });

});`

1 个答案:

答案 0 :(得分:1)

对我来说听起来像是一个清除问题,你可能需要为周围的div添加一个清晰的。

这是一篇关于这个主题的好文章 - http://css-tricks.com/snippets/css/clear-fix/