Question

随着div越来越大，我试图让页面变宽。我使用C＃，赢取表单和jquery。我在div中有一个转发器，每个转发器项目都有一个设置宽度和高度设置为100％的div。我把所有的div都设置为向左浮动。在chrome中，页面变得更宽，但在ie7,8,9和FF中页面不会变得更宽。目前我们正在将我们的网站转移到使用.less。这个的重要性在于页面有一个设定的宽度。在我们的实例中，我们需要让页面变宽。

我看过设置div以显示内联块，但在div之间留下了空格。我已经通过给出一个负余量或者如何在标记中排列div来看到了一些方法，但我并不是真正的粉丝。

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

/ 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是由转发器创建的。

由于

Answer 1

你可以尝试这样的事情

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宽度的总宽度

css页面宽度增长显示div

1 个答案: