css - 仅在更宽的窗口上的同一行中的 Div

Question

参见:fiddle

当窗口足够长时，两个 div 都在同一行，但当它较小时，第二个 div(.footers) 会移到新行。我不希望他们一直在同一条线上。

左边div的CSS:

.footer .footer_links {
    float: left;
    width: 250px;
    padding: 25px 0px 0px 20px;
    min-height: 95px;
    border-right: 1px solid #d9d9d9;
    text-align: left;
}

来自右侧 div 的 Css:

.footer .footers {
    text-align: left;
    float: left;
    padding: 0px 20px 0px 20px;
}

是什么导致了这个问题？

Answer 1

如果只想给左边的 div (.footer_links) 一个固定的高度，而不是让右边的 div (.footers) float ，给它 溢出:隐藏。这将导致它填充页面的剩余宽度:

.footer .footers {
    text-align: left;
    overflow:hidden;
    padding: 0px 20px 0px 20px;
}

JSFiddle