使用 CSS 在 SharePoint 2013 的 TopBar 导航中并排（彼此相邻）的 DIV答案

【问题标题】：DIVs side by side (next to each other) in TopBar Navigation from SharePoint 2013 with CSS使用 CSS 在 SharePoint 2013 的 TopBar 导航中并排（彼此相邻）的 DIV
【发布时间】：2013-03-25 16:53:29
【问题描述】：

我喜欢稍微更改 SharePoint 2013 中的 TopBar Navigation。我喜欢只有一行而不是两行...

我喜欢做什么：

1.我喜欢删除包含以下链接的绿色 DIV：Newsfeed、Skydrive、... (suiteBarLeft)

A：我用display: none;完成了这个

2。我喜欢从黄色 DIV“s4-ribbonrow”中获得彼此相邻的蓝色 DIV“suiteBarRight”。 DIV“s4-ribbonrow”应该在左侧，DIV“suiteBarRight”应该在右侧，没有任何“宽度”定义...

A：每次我遇到 DIV“suitebarRight”在 DIV“s4-ribbonrow”后面的问题，但我不能在这里使用“margin or width”标签...

知道我该怎么做吗？

见下图： Picture

【问题讨论】：

标签： css sharepoint html css-float

【解决方案1】：

如果您不向我们提供一些可使用的基本代码，就很难为您提供代码解决方案。那就是……

这应该是您开始所需的大致内容...

#suiteBar { float: left; }
#s4-ribbonrow { float: left; }

【讨论】：

【解决方案2】：

我自己找到了解决办法：

我不得不使用：

overflow: hidden;

感谢您的回答。

问候

【讨论】：