CSS不适用于scroll下的div字段

我有一个JSFIDLE示例。我不明白为什么当我滚动div时，放置在scroll下的字段本身不应用css规则（为什么第一行的边框和背景色不被渲染）。 我的css：

---

如果有任何帮助，我将不胜感激

您可能需要添加css，如下所示

.myR .myRow {           
    min-width: 415px; /* (5 cells X 80) + 15 for text-overflow*/
}

---

这可以通过JavaScript这样的方式解决

var Cols = $('.myR').children('.myRow').eq(0).find('.myCol').length;
var constant = 80;
var overflowVal = 15;
var calc = (Cols * constant) + overflowVal

/*constant and overflowVal need to be set as per data and requirement */

$('.myR').children('.myRow').css("min-width", calc)

---

谢谢你的回答！但在实际项目中，我不知道表中有多少列，因为我是基于动态数据构建这个表的。还有什么其他技巧可以帮助我解决这个问题？您可能需要使用javascript动态计算，如下所示-您正在寻找类似的方法吗

var Cols = $('.myR').children('.myRow').eq(0).find('.myCol').length;
var constant = 80;
var overflowVal = 15;
var calc = (Cols * constant) + overflowVal

/*constant and overflowVal need to be set as per data and requirement */

$('.myR').children('.myRow').css("min-width", calc)