0

divが広くなるにつれてページを広げようとしています。私は C# を使用しており、フォームと jquery を獲得しています。div 内にリピーターがあり、各リピーター アイテムには幅と高さが 100% に設定された div があります。すべての div を左にフロートするように設定しました。クロムではページが広くなりますが、ie7、8、9、および FF ではページは広くなりません。現在、.less を使用するようにサイトを移行中です。これの重要性は、ページの幅が設定されていることです。この例では、ページの幅を広げる必要があります。

インライン ブロックを表示するように div を設定することを検討しましたが、div 間に空白が残ります。負のマージンを与えるか、マークアップで div をどのように配置するかによって、これを回避するいくつかの方法を見てきましたが、私はあまり好きではありません。

次のパラメーターを使用して jsfiddle に移動すると、例があります。mt タブレットを使用していますが、何らかの理由でリンクを追加できません。

/brad8118/7Wf2j/

<div id="outer">
<div class="inner">
</div>
<div class="inner">
</div>
<div class="inner">
</div>
</div>

#outer{
Height:30px;
Border: 1px solid black;
}

div{
Float: left;
}

.inner{
border: 1px solid red;
Background-color: green;
Width: 20px;
Height: 100%;
}

内側の div は、リピーターによって作成されたものです。

ありがとう

4

1 に答える 1

0

あなたはこのようなことを試すことができます

jQuery 拡張機能:

(function ($) {
//calculates the total width of the elements selected
$.fn.sumWidth = function () {
    var sum = 0;
    this.each(function () {
        sum += $(this).width();

    });

    return sum;
};

})(jQuery);

次に、次のように使用できます。

$(function(){$('#outer').width($('#outer .inner').sumWidth());});

これにより、外側の div の幅が内側の div の幅の合計幅に設定されます

于 2013-02-04T06:50:24.283 に答える