浮动权限仅适用于404页面...？

Question

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

http://gag5.rhinomarketinggroup.com/

社交媒体链接在这里漂浮得很好......并且在所有页面上。但由于某些原因，在404页面上他们没有向右浮动。非常困惑。似乎找不到它会在404页面上发生变化的原因。

示例404页面：

http://gag5.rhinomarketinggroup.com/404

澄清图片：

enter image description here

Answer 1

在普通页面上，您有以下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_pb_column（徽标所在的部分）

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

<强>更新

虽然看起来好像没有完全解决问题。解决此问题的简单方法是添加float:right;到.et_pb_column_1（下半场，包含LinkedIn图标）

Answer 2

.et_pb_column.et_pb_column_1_2.et_pb_column_1 {
 float: right;
}

Answer 3

标题解决方案：

将<div class="et_pb_column et_pb_column_1_2 et_pb_column_1">更改为<div class="et_pb_column et_pb_column_1_2 et_pb_column_1" style="float:right">（第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行）

Answer 4

由于@media规则

，您遇到此问题

如果你检查<div class="et_pb_column et_pb_column_1_2 et_pb_column_1"> 您已对其应用以下媒体规则：

@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规则