Css 仅在较宽的窗口上按同一行分割

见：

当窗口足够长时，两个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;
}

---

造成此问题的原因是什么？

请尝试此操作，给出

最大宽度：

CSS

footer {
    background: #f2f2f2 !important;
    margin-top: 20px;
    padding: 10px 0px 10px 0px;
}
.footer .footer_links {
    float: left;
    width: 250px;
    padding: 25px 0px 0px 20px;
    min-height: 95px;
    border-right: 1px solid #d9d9d9;
    text-align: left;
}
.footer a {
    font-size: 14px;
    color: #898989 !important;
}
.footer .footers {
    text-align: left;
    overflow:hidden;
    padding: 0px 20px 0px 20px;
}
.footer .footers p {
    font-size: 14px;
    color: #898989;
    line-height: 20px;
}

.clear{
    clear: both;
}

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

在

DEMO2

中，您必须写入

最大宽度：

然后它才能工作

CSS

footer {
    background: #f2f2f2 !important;
    margin-top: 20px;
    padding: 10px 0px 10px 0px;
}
.footer .footer_links {
    float: left;
    width: 250px;
    padding: 25px 0px 0px 20px;
    min-height: 95px;
    border-right: 1px solid #d9d9d9;
    text-align: left;
}
.footer a {
    font-size: 14px;
    color: #898989 !important;
}
.footer .footers {
    text-align: left;
    overflow:hidden;
    padding: 0px 20px 0px 20px;
}
.footer .footers p {
    font-size: 14px;
    color: #898989;
    line-height: 20px;
}

.clear{
    clear: both;
}

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

---

如果您只想给左div（

.footer\u links

）一个固定高度，而不是将div浮动在右侧（

.footers

），请给它

溢出：隐藏
。这将使其填充页面的剩余宽度：

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

您可以在.footers分区中添加空白和固定高度：

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

您需要指定两个div的宽度！是的，我同意tonsolfx，如果你定义宽度，你的内容将是相同的，在较小的浏览器中，你将有水平滚动。