我有一行具有这样的列布局：2-8-2。在前2列div（class = side）中，我有一个带有y滚动条的Ul（class = scroller）。我遇到的问题是将滚动条保持在其父div（.side）的右侧。如果我未指定宽度，则它不会对齐。如果将其设置为像素，则当列的大小更改时，该条会停留在原处，通常会在div之外出现。无论当前宽度是多少，我都希望将其固定在其父div的右侧。

第2列的div CSS是：

.side {
    background-color: #27324d;
    height: 600px;   
}

UL css

.scroller{
  height: 540px;
  width: 293px;(roughly all the wat too the right on my 23" monitor,goes out of whack on smaller monitors)
  overflow: hidden;
  overflow-y: scroll;

}