Css 我头脑发热

我已经定义了上面的类，但由于某些原因，当我引用2个短div时，它们位于单独的行上（不是预期的并排）

这是basic中最基本的一个，我想太阳已经把我吸引住了。

这是因为

是块元素，而不是内联元素

试试这个：

.long {
width: 100%;
}
.short {
width: 49.2%;
}

这是因为

是块元素，而不是内联元素

试试这个：

.long {
width: 100%;
}
.short {
width: 49.2%;
}

---

默认情况下，Div元素是

display:block

、

position:static

和

float:none

——因此它们会导致换行，处于正常流程中，不会让后续内容在它们旁边冒泡

如果你想让它们并排出现，你需要换一个

---

display:inline block

可能是您的最佳选择。

默认情况下，Div元素是

display:block

、

位置：static

和

float:none

——因此它们会导致换行，处于正常流程中，并且不会让后续内容在它们旁边冒泡

如果你想让它们并排出现，你需要换一个

display:inline block

可能是您的最佳选择。

div是

.long {
    width: 100%;
}
.short {
    width: 49.2%;
    display: inline-block;
}

默认情况下。如果你把它们改成

display: block;

它们应该并排出现。

div是

.long {
    width: 100%;
}
.short {
    width: 49.2%;
    display: inline-block;
}

默认情况下。如果你把它们改成

display: block;

---

它们应该并排出现。

您必须定义属性：

范例

---

您必须定义属性：

范例

---

div是块元素，因此除非向其中一个或两个元素添加浮点，否则它们不会彼此相邻显示。（另外，.long类将使div跨越其容器的整个部分，这将排除任何其他元素出现在它旁边。）

---

div是块元素，因此它们不会彼此相邻显示，除非向其中一个或两个元素添加浮点。（另外，.long类将使div跨越其容器的整个部分，这将排除任何其他元素出现在它旁边。）

---

您可以使用

显示：内联块或浮点数，如
float:left

我希望这能对您有所帮助。
您可以使用
显示：内联块或浮点数，如
float:left

我希望这能对您有所帮助。
您还需要修改“display”属性。div元素的默认值是block，除非另有规定，否则它不接受它旁边的元素

显示：块表示元素显示为块，如图所示
段落和标题一直都很重要。块中有一些空格
在它上面和下面，它旁边不允许任何HTML元素，除了
如果以其他方式进行排序（通过向另一个
例如，元素）。

您可以添加：

.long {
    float: left;
    width: 100%;
}
.short {
    float: left;
    width: 49.2%;
}

或者您可以浮动第一个：

.short { width: 49.2%; display: inline-block; }

这两种方法都可以让你得到你想要的。这两种技术都需要注意一些额外的事情，例如浮动时的溢出或IE7对内联块的攻击，但这至少让您开始了。
您还需要修改“display”属性。div元素的默认值是block，除非另有规定，否则它不接受它旁边的元素

显示：块表示元素显示为块，如图所示
段落和标题一直都很重要。块中有一些空格
在它上面和下面，它旁边不允许任何HTML元素，除了
如果以其他方式进行排序（通过向另一个
例如，元素）。

您可以添加：

.long {
    float: left;
    width: 100%;
}
.short {
    float: left;
    width: 49.2%;
}

或者您可以浮动第一个：

.short { width: 49.2%; display: inline-block; }

这两种方法都可以让你得到你想要的。这两种技术都需要注意一些额外的事情，例如浮动时的溢出或IE7对内联块的攻击，但这至少让您开始了。
您是想浮动它们吗？或内联块？尝试将它们的显示设置为内联块或浮动。我必须运行，这样我肯定其他人会提供全面的答案，但这是因为它们是块级元素，总是显示在它们自己的行上。您需要
显示：内联块
。你是想让它们漂浮起来吗？或内联块？尝试将它们的显示设置为内联块或浮动。我必须运行，这样我肯定其他人会提供全面的答案，但这是因为它们是块级元素，总是显示在它们自己的行上。您需要
显示：内联块
。