html - 将 div 大小设置为标题 div 的百分比

Question

我想在我的 wordpress 网站上的标题 div 中创建一个 div。我希望新 div 的大小是父 div 的 %，只占据标题的最右侧。当前页眉左侧有一个我的 Logo 。最终我想要完成的是用文本填充右侧。我尝试使用“em”和/或“vw”来填充和调整字体大小，但效果不太好(我猜是因为它基于整个标题大小，这使得对齐变得困难)。

当前显示:

期望的结果:

Answer 1

为了创建您想要的结果，您可以使用 css 将标题内的第一个 div float 到左侧，将第二个 div float 到右侧。这是一个例子:

#div-with-logo {
        float:left;
        width:50%;
        }

#div-with-text {
        float:right;
        width:50%;
        }

这里有一些关于使用 css 定位 div 的更多信息 http://www.barelyfitz.com/screencast/html-training/css/positioning/