Css 即使页面太小，也要并排放置2个DIV

嗨，我正试图把2

DIV

并排放在一起

+--------------------------------+ +--------------------------------+
|                                | |                                |
|                                | |                                |
|            400px               | |            355px               |
|                                | |                                |
|                                | |                                |
|                                | |                                |
+--------------------------------+ +--------------------------------+

.header{
    background-image: url('../img/button-bg.png');
    padding: 0px;
    background-repeat: repeat-x;
    height: 36px;
}



.div1
{
    width: 400px;
    float: left;
    margin-right: 10px;
}


.div2
{

    width:355px;
}

我需要两个

DIV

才能清除标题，因此我不能使用绝对位置

我尝试了float-left属性，但是当页面太小时，另一个div将位于第一个div之下。我想知道是否可以这样做

编辑：当屏幕太小时，我希望显示水平条

如果不希望元素浮动，则应使用一个表（或并排使用两个跨距）。 首先，了解什么是内联元素和块元素。div是块元素，span是内联元素。div将用作块元素。它被设计成块元素。除非你另有说明，否则它应该是全宽的。span是一个内联元素，它允许其他元素紧挨着它自己。您可以搜索“内联vs块html”以获取更多信息

要查看滚动条，请将这些元素的容器的溢出css属性设置为滚动。

---

您可以使用

显示：内联块和
空白：nowrap在其父对象上

.header div{
    display:inline-block;
    vertical-align:top;
}
.header{
    white-space: nowrap;
    background-image: url('../img/button-bg.png');
    padding: 0px;
    background-repeat: repeat-x;
    height: 36px;
}
.div1{
    width: 400px;
    margin-right: 10px;
}    
.div2{
    width:355px;
}

您尝试了什么？（给我们看一些代码）你没有解释你希望发生什么。你想让第二次跳水与第一次跳水重叠吗？你想让他们伸展身体并在页面上做一个水平滚动条吗？不，如果你想让tableop不想使用，你应该使用tablefloat@UğurGümühan：不，OP可能只是没有正确地使用float，他不希望在页面出现时第二个div出现在新行上smaller@U奥古尔穆罕姆：我的回答并没有显示这种行为。我的猜测是，OP将像素边距与百分比宽度相结合，这是注定要失败的。
.outer {
    overflow: hidden;
}
.outer div {
    float: left;
    width: 50%;
    height: 100px;
}

.header div{
    display:inline-block;
    vertical-align:top;
}
.header{
    white-space: nowrap;
    background-image: url('../img/button-bg.png');
    padding: 0px;
    background-repeat: repeat-x;
    height: 36px;
}
.div1{
    width: 400px;
    margin-right: 10px;
}    
.div2{
    width:355px;
}