Css 浮动右键不'；不能只在404页上工作。。。？

我正在为客户网站设置自定义页眉和页脚，您可以在此处查看：

社交媒体链接在这里和所有页面上都很好。但由于某些原因，404页上的这些内容并没有向右浮动。非常困惑。似乎找不到在404页面上更改的原因

示例404页面：

澄清图像：

---

在普通页面上，您有以下CSS：

@media (min-width: 981px)
.et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
    width: 47.25%;
}

应用于

.et_pb_gutters3

（LinkedIn图标所在的部分）

你还有：

@media (min-width: 981px)
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 5.5%;
}

应用于

.et\u pb\u列

（标识所在的部分）

我建议您也将此代码添加到404页面

更新：

---

虽然这似乎并不能完全解决问题。解决这个问题的简单方法是添加

float:right

；到

.et\u pb\u列\u 1

（下半部分，包含LinkedIn图标）

标题解决方案：

将

更改为

（行号202）

页脚问题：

您在404页面中使用了

et_pb_column_1_3

和

et_pb_column_2_3

类，而在正常页面中使用了

et_pb_column_1_2

类

页脚解决方案：

---

将

et_pb_column_1_3

和

et_pb_column_2_3

类替换为页脚中的

et_pb_column_1_2

。（第366行和第384行）

由于@media规则，您出现此问题

如果您检查

您已对其应用以下媒体规则：

@media (min-width: 981px)
.et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
    width: 47.25%;
}

但在404页上，它并没有应用@media规则

---

解决方案：在404页上应用@media规则

这是这个div的问题只需将float添加到这个div中，标题就可以了。

@media (min-width: 981px)
.et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
    width: 47.25%;
}