Html 如何在CSS中使div彼此相邻

Html 如何在CSS中使div彼此相邻,html,css,Html,Css,我需要在彼此旁边跳个舞,但我不知道怎么跳 它们都在一个区域内 我的代码: HTML: 我怎样才能让它们挨在一起 我得到的是: 您需要添加一个“float”以使div堆叠在同一行上。尝试下面更新的CSS。请注意,float中的“left”表示div将首先堆叠到左侧-您可以尝试“right”来查看差异 div.secoes{ width: 422.906px; height: 92px; text-align: center; overflow:hidden;

我需要在彼此旁边跳个舞,但我不知道怎么跳

它们都在一个区域内

我的代码:

HTML:

我怎样才能让它们挨在一起

我得到的是:

您需要添加一个“float”以使div堆叠在同一行上。尝试下面更新的CSS。请注意,float中的“left”表示div将首先堆叠到左侧-您可以尝试“right”来查看差异

div.secoes{
    width: 422.906px;
    height: 92px;
    text-align: center;
    overflow:hidden;
    *zoom:1;
    margin:0 0 5.8rem;
    display:block;
    float: left;
}


您需要添加一个“float”以使div堆叠在同一行上。尝试下面更新的CSS。请注意,float中的“left”表示div将首先堆叠到左侧-您可以尝试“right”来查看差异

div.secoes{
    width: 422.906px;
    height: 92px;
    text-align: center;
    overflow:hidden;
    *zoom:1;
    margin:0 0 5.8rem;
    display:block;
    float: left;
}


另一种方法是使用“内联块”:

就像名字所说的,元素是块元素,但是是内联的。
如果使用“float”,则必须清除float内容后的float。

另一种方法是使用“inline block”:

就像名字所说的,元素是块元素,但是是内联的。
如果使用“float”,则必须在float内容之后清除float。

有几种方法可以做到这一点,每种方法都有各自的缺点

最常用的方法可能是使用
float:left
(或
float:right
):

div.secoes{
宽度:422.906px;
高度:92px;
文本对齐:居中;
溢出:隐藏;
*缩放:1;
保证金:0.5.8雷姆;
显示:块;
浮动:左;
}
第#科坡分区#状态{
宽度:1270px;
身高:225px;
}

让我们的国家信息化!
东南大学
信息化
安康恩
西斯特马
苏亚特雷那莫斯
装备

有几种方法可以做到这一点,每种方法都有各自的缺点

最常用的方法可能是使用
float:left
(或
float:right
):

div.secoes{
宽度:422.906px;
高度:92px;
文本对齐:居中;
溢出:隐藏;
*缩放:1;
保证金:0.5.8雷姆;
显示:块;
浮动:左;
}
第#科坡分区#状态{
宽度:1270px;
身高:225px;
}

让我们的国家信息化!
东南大学
信息化
安康恩
西斯特马
苏亚特雷那莫斯
装备
div.secoes{
    width: 422.906px;
    height: 92px;
    text-align: center;
    overflow:hidden;
    *zoom:1;
    margin:0 0 5.8rem;
    display:block;
    float: left;
section#corpo div#status{
    width: 1270px;
    height: 225px;
}
div.secoes {
...
display: inline-block;
}