CSS限制div溢出到另一个div

Question

长期的Java程序员，一般来说是CSS / HTML的新手。这是我正在处理的投资组合网站。

www.zdware.com/projects.html

使用非大型浏览器窗口进行操作会强制我的内容溢出到另一个div中。目前，我添加了一些填充，所以它不完全溢出，但现在内容被推下（出于某些奇怪的原因，即使似乎有空间。

我正在使用一些“hackish”的东西，有点像：

margin-bottom: -10000px;
padding-bottom: 10000px;

我的两个“列”在中间。这与它有什么关系吗？

我所拥有的两个栏目受此影响。

.sidebar1 {
    float: left;
    min-height: 100%;
    min-width:250px;
    width: 20%;
    background-color:gray;
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}
.content {
    padding: 10px 0;
    width: 80%;
    float:right;
}

.content section{
    padding-left:30px;
}

我尝试将min-width添加到.content，但它并没有真正做任何事情。我确实在页面上有更大的图像，但它们仍然适合。

直观地阐述..

我希望这样做的首选方式是缩短非“容器”部分（包含侧边栏和内容标记），而不是容器。

我也觉得这是一个常见的问题。但是，在处理CSS的方式时，我觉得如果我实现别人的解决方案（基于他们自己的问题），另一段代码最终会阻止它工作。

Answer 1

min-width: 250px;上的.sidebar1规则导致.content div将自己置于侧边栏下方。如果你摆脱了这一点，那么你的内容栏就会自动移动到正确的位置。

至于如何处理徽标，我要么将其撞击以使其适合该空间，或者将其设置为在css中具有百分比宽度，以便它始终适合该列，无论其宽度如何专栏是。

是的，我会失去10000px的负边缘黑客。