CSS没有特定宽度的两列

我尝试移植一个简单的两列表来使用div和float。我需要一个能够将所有列的宽度缩放到最大内容的表的功能（不占用整个浏览器的宽度），但希望添加的浮动功能能够在浏览器宽度减小时分割列

我可以通过以下方式实现这一点：

div{
最大宽度：285px；
}
第一个孩子{
浮动：左；
边框：1px实心#ccc；
保证金：1px；
宽度：145px；
}
div div:n个类型（2）{
浮动：对；
边框：1px实心#ccc；
保证金：1px；
宽度：130px；
}
div div：最后一个孩子{
清除：左；
}

这个
12
猫
12 34
猫坐着
12 34 56
猫坐在椅子上
12 34 56 78
猫坐在桌子上
123456789A
猫坐在垫子上
公元前123456789A

添加到第二个

div

左边距

和

浮动：左边

div div:nth-of-type(2) {float:left; border: 1px solid #ccc; margin: 1px 1px 1px 80px; width: 130px;}
                              ^^^^                                              ^^^^

---

因为我认为仅使用CSS是不可能的，所以我有一个jQuery解决方案，它是这样的：

var xyz=$（'.row div:first child'），
abc=$（'行分区：第n个子（2n）'），
arr=[]，
arr2=[]；
xyz.each（函数（）{
arr.push（$（this.width（））；
});
var max=数学最大应用（数学，arr）；
xyz.css（“宽度”，最大值）；
abc.each（函数（）{
arr2.push（$（this.width（））；
});
var max2=Math.max.apply（Math，arr2）；
abc.css（'width'，max2）
.row{
宽度：100%；
溢出：隐藏；
}
.路政署{
浮动：左；
边框：1px实心#ccc；
保证金：1px；
}
.行分区：第n个子项（2）{
左边距：10px；
}

这个
12
猫
12 34
猫坐着
12 34 56
猫坐在椅子上
12 34 56 78
猫坐在桌子上
123456789A
猫坐在垫子上
公元前123456789A
谢谢，我的目标是创建一个简单的两列对齐的表格样式布局，当浏览器宽度减小时，可以在分栏处拆分。这将有助于移动设备布局。由于显示的数据发生了变化，我无法对宽度进行硬编码。我不认为只有使用css才能实现您想要的效果。您需要使布局基于列（这将阻止您使用拆分功能）或基于行（在这种情况下，如果没有硬编码，您将无法获得相等的
div
宽度，它们只需根据内容大小进行调整）。不过，通过检测最宽的
div
的宽度，并将其应用于其余部分，您可以使用js/jquery实现这一点。你对js解决方案有多开放？我觉得js不错。我有点猜测可能是这样，但我希望现在可能有某种CSS calc（）解决方案可用。我想不出任何方法，calc（）可以在这里提供帮助，但我不知道所有可能的CSS黑客。JS很可能就是这里的方式。你在安装中使用jQuery吗？不，目前根本没有脚本。试试这个小提琴，告诉我这是否适合你