Question

我有div元素，我正在设置它们的长度＆amp;宽度如此：

<div id="alldivs" style="width:600px;">
    <div id="div1" class="mydiv" style="float: left; min-width:140px; max-width:185px;">
        test text
    </div>
    <div id="div2" class="mydiv" style="float: left; min-width:140px; max-width:185px;">
        test text 2
    </div>
</div>

如何将#alldivs中每个div元素的宽度设置为最大宽度？因此，在上面的示例中，#div2的宽度将设置为#div1的宽度，因为#div2包含更多文本，因此宽度更大。我想我可以使用jQuery来迭代div元素来找到最大的宽度元素然后相应地设置每个div但是也许有一个更简洁的方法使用CSS，甚至jQuery使用更优雅的方法？

Answer 1

如果您只是将所有div放在#divWrapper div中并将最小最大宽度应用于该div，该怎么办？这样他们都应该从上面继承。简单。简单。干净。

Answer 2

CSS开发人员并未专注于此，但希望将来如果您向主要浏览器报告此问题，他们会这样做。目前，您只能使用jQuery执行此操作，如您所述。我不认为你会找到任何更清洁的方法来坚持jQuery。这就是我能说的全部内容。我以前遇到过这个问题而且找不到解决方法。所以我做了什么，而不是使用jQuery，我指定了具有特定宽度的div，并使用max-width放弃了。希望有所帮助。

看看这个question也许这会给你一些想法。

Answer 3

如果您只想要两个内部div为180px，那么在CSS中你将使用

#alldivs div{width:180px;}

或许我读错了你的问题？

这是一个说明上述内容的jsFiddle，..

http://jsfiddle.net/nabhW/

如何将div宽度设置为div的最大宽度

3 个答案: