Css框大小和jquery宽度无法正常工作

我已经看了几个小时了，不知道为什么它不能准确地工作。。我混合使用固定列和流动列、宽度框大小和边框以及Jquery上的宽度设置。我希望左边的列是170px，中间和右边是50%减去左边的列。但由于某种原因，边界重叠，中间和右边的宽度不一样？有人能帮我吗

使用

.outerWidth（）

代替

.width（）

。我还将85替换为

$（'#left'）.outerWidth（）/2

，使其更具动态性

---

你的小提琴链接。。。指向您帐户的链接无效检查此链接：没问题。在tab:PYep中打开的fiddle链接太多时会发生这种情况，甚至更糟的是，更新链接后只需将链接增加1。

  $('#middle').width(function () {
         return ($(this).parent().width() * 0.5) - 85;
     });

     $('#right').width(function () {
         return ($(this).parent().width() * 0.5) - 85;
     });

 function elasticCol() {
 $('#middle').outerWidth(function () {
     return ($(this).parent().width() * 0.5) - $('#left').outerWidth() / 2;
 });

 $('#right').outerWidth(function () {
     return ($(this).parent().width() * 0.5) - $('#left').outerWidth() / 2;
 });

 }
 elasticCol();

 $(window).on('resize', function () {
     elasticCol();
 });