Javascript 溢出内容导致边框删除（CSS和AngularJS）

我在我的应用程序中看到一些溢出内容的奇怪行为。如果查看并水平滚动，您将看到，一旦开始滚动

.track

divs上的边框，或者可能会删除

.cell

divs上的边框。非常感谢您的帮助

HTML 有棱角的

---

您必须使用

大纲

CSS规则，而不是

边框

这样编辑CSS可以解决问题：

.cell {
  min-width: 80px;
  height: 50px;
  background: $sublime-black;
  //border-right: 2px solid $codepen-grey;  <-- replace with outline
  outline:2px solid $codepen-grey;
}

.cell{
最小宽度：80px；
高度：50px；
背景：深黑色；
//右边框：2px solid$codepen grey；我遇到了这个问题。这是因为初始宽度受到限制。我知道有一个黑客，只是在你的代码笔上尝试一下。Yikes…尝试了我的级别最佳人选。抱歉，我放弃了。这很好，但看起来像个黑客。如果你用
class=“track ng scope”检查并找到行div的宽度
，它仍然没有使用全宽。你能找到原因吗？这只是一种表现方式。
：）
var app = angular.module('netJamApp', []);

/* PROJECT CONTROLER */
app.controller('ProjectController', ['$scope', function($scope) {

  // INIT SCOPE VARS
  $scope.pref = {};
  $scope.pref.NUM_TRACKS = 5;
  $scope.pref.MIN_CELLS_PER_TRACK = 20;
  $scope.pref.CELL_LENGTH = 15;
  $scope.pref.PADDING_CELLS = 10;

  // HELPERS 

  //used for ng-repeat to repeat a given number of times
  $scope.getNumber = function(num) {
    return new Array(num);
  };

  // determine the number of cells to insert inside of a track
  $scope.cellsPerTrack = function(audioclip_len) {
    var cells = audioclip_len / $scope.pref.CELL_LENGTH + $scope.pref.PADDING_CELLS;
    return Math.ceil(Math.max(cells, $scope.pref.MIN_CELLS_PER_TRACK));
  };
}]);
/* project controller */

.cell {
  min-width: 80px;
  height: 50px;
  background: $sublime-black;
  //border-right: 2px solid $codepen-grey;  <-- replace with outline
  outline:2px solid $codepen-grey;
}