0

我试图让页面随着 div 变宽而变宽。我使用 C#、win forms 和 jquery。我在 div 中有一个转发器，每个转发器项都有一个 div，其宽度和高度设置为 100%。我将所有 div 设置为向左浮动。在 chrome 中，页面变得更宽，但在 ie7、8、9 和 FF 中，页面并没有变得更宽。目前，我们正在将我们的网站转移到使用 .less 的过程中。这样做的重要性在于页面具有设定的宽度。在我们的例子中，我们需要让页面变宽。

我已经研究过将 div 设置为显示内联块，但这会在 div 之间留下空白。通过给出负边距或 div 在标记中的排列方式，我已经看到了一些解决方法，但我不是真正的粉丝。

如果您使用以下参数转到 jsfiddle，我有一个示例。我在 mt 平板电脑上，由于某种原因，我无法添加链接。

/布拉德8118/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 回答