CSS 不适用于滚动下的 div 字段

Question

我有这个 jsfiddle 示例 http://jsfiddle.net/AnnaMiroshnichenko/xjyb8/1/ .我不明白为什么当我滚动 div 时，放置在滚动下的字段本身不应用 css 规则(为什么不呈现第一行的边框和背景颜色)。我的CSS:

   .myL{
        background-color: #808080;
        float:left;
        width: 30%;
        height: 100%;
    }
    .myR{
        background-color: pink;
        float:right;
        width: 70%;
        height: 100%;
        overflow-x: auto;
    }
    .myRow{
        white-space: nowrap;
        height: 30px;
        border: 1px solid white;
    }
    .myHedaer{
        background-color: #02749c;
    }
    .myCol{
        width: 80px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .myFixedCol{
        width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

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

Answer 1

这可以通过像这样的 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)