时间戳

首页 > 解决方案 > 如何让我的顶部栏在一行中包含我的所有 div？

html - 如何让我的顶部栏在一行中包含我的所有 div？

问题描述

我正在顶部栏中构建一个带有信任框（信任试点块）的网站。我的信任箱被推到顶栏下方。我希望一切都在同一条线上，信任箱一直位于右侧。我如何实现这一目标？

顺便说一句，当我有时在较小的屏幕上遇到这种情况时，如何防止包含 trustbox 的 div 切断 trustbox？

我试过这个：

.header-top-bar-area {
    display: inline-block
    float: left
}

我已经为左侧的位置、电子邮件和电话部分的信息部分尝试了上述 CSS 内容。

.trustbox {
    white-space: nowrap;
}

这适用于信任箱，但它会将信任箱向下推。

更新：

<div class="trustbox header-top-bar-area  col-xs-fit area-right" style=" white-space: normal; float: right; padding-top:5px;">

标签： htmlcsswordpress

解决方案

在此处输入图像描述你能尝试在trustbox中添加css header-top-bar-area col-xs-fit area-right吗

<div class="trustbox header-top-bar-area  col-xs-fit area-right" style=" white-space: normal; float: right; padding-top:5px;">

这应该工作

编辑：我看到它工作，你能给我你正在处理的屏幕分辨率吗？

推荐阅读