Javascript 为未应用于隐藏元素的元素指定宽度

下面是我的片段。如果单击标签为“切换第二个

div

”的按钮，则id为“second”的

div

将隐藏/显示

现在，问题是，id为“second”的

div

中类为“overflow_x”的

div

的宽度没有指定给其父容器（

div

类为“perent”）上的基的宽度。如果不隐藏id为“second”的

div

（删除“thehide”类），您可以看到它的子

div

（

div

具有“overflow_x”类）的宽度等于它的父容器（

div

具有“perent”类），但是如果默认情况下隐藏它，则子

div

s（

div

具有“overflow_x”类）未指定与其父容器（

div

具有“perent”类）相等的宽度

有什么帮助、想法、线索、建议、建议吗

PS：从我的观察来看，它似乎给出了一个百分比宽度而不是像素

$（窗口）.load（函数（）{
$（“.overflow_x table”）.hide（）；
$（“.overflow_x”）。每个（函数（）{
log（$（this）.closest（.perent”）.width（）+'px'）；
$（this）.css（{'width'：$（this）.closest（“.perent”）.width（）+'px'}）；
if（$（this.find（“table”）.length）{
$（this.find（“table”）.show（）；
}
});
});
$（文档）.ready（函数（）{
$（“.thehide”）.hide（）；
$（“#btn1”）。单击（函数（）{
$（“#秒”）.toggle（）；
});
})；

.overflow\ux{overflow-x:auto；overflow-y:hidden；border:1px纯红；}
.表格{宽度：100%；}
.table th、.table td{文本对齐：居中；文本转换：大写；}
.table th:第一个子项{文本对齐：左！重要；}
.扩展{最大宽度：100%；最大高度：100%；}
.clear{clear:two！重要；float:none！重要；}
.full_width{width:100%；}
.center{左边距：自动！重要；右边距：自动！重要；}
.divider{高度：10px；清除：两者；浮动：无；宽度：100%；}
.display_table{display:table；}
#第一个{边框：1px实心红色；填充：15px；}
#第二个{边框：1px纯蓝色；填充：15px；}
.thehide{display:none；}

切换第二个DIV
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
总目9
总目10
总目11
总目12
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
总目9
总目10
总目11
总目12
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
总目9
总目10
总目11
总目12
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
总目9
总目10
总目11
总目12
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
总目9
总目10
总目11
总目12
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
总目9
总目10
总目11
总目12
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
总目9
总目10
总目11
总目12
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
总目9
总目10
总目11
总目12