html - Div 溢出到左列，不希望它拉伸(stretch)以适合空白区域

Question

在屏幕截图中，您会看到有空白的地方，它会拉伸(stretch)以适应(宽度:100%)http://i29.tinypic.com/24v0gma.png

这里的浅黄色和深黄色css类，叫做article:

.article {
    padding:10px;
    overflow:auto;
}

左边的 col css 类在这里:

.col-left {
    float:left;
    position:relative;
    overflow:auto;
    height:100%;
    width:20%;
    xpadding:0 5px 0 0;
    xfont-size:.8em;
    font-family:arial;
}

您可以在此处查看实时页面:http://herkimer.edu/admissions/view_news/

如何才能使黄色框不会溢出到左侧？

Answer 1

你这样做:

.article {
  margin-left: 100px; /* example */
}

.col-left {
  width: 100px; /* same as margin-left above, might not work with percentage */
}