在导航栏中超出宽度时定位断开

时间:2014-08-21 19:46:20

标签: html css

我在我使用的论坛软件(SMF 2.0.8)中创建了一个基本的导航栏,它在全球范围内有效,但我注意到在调整窗口大小时,某些元素看起来不合适。

在完整尺寸上,导航栏看起来像this,而其大小不是为this设计的。

这里的代码基本上复制了这个:

CSS

#logowrapping
{
    margin: 0 auto;
    background-color: #222427;
    height: 178px;
    overflow: hidden;
}

ul.reset, ul.reset li {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

#navbaruser
{
    float: right;
    margin-top: 1em;
    margin-right: 1em;

    text-align: right;
}

HTML

<div id="logowrapping">
    <img id="logo" src="http://darkergaming.com/dglogo2_1.png" alt="" />

    <ul id="navbaruser" class="reset">
    <li class="greeting"><img src="http://www.darkergaming.com/silkicons/user.png" style="vertical-align: middle;" /> <font color=lightblue>Hello there!</span></font></li>
    <li><a href="">Show unread posts since last visit.</a></li>
    <li><a href="">Show new replies to your posts.</a></li>';
</div>

我现在已经坚持了几个小时左右。我尝试过应用最小高度,在论坛包装器上应用最小宽度,在%s(最大值)中缩放顶部栏,但没有成功,所以我真的不能想到别的什么。

如果您需要更多信息,请询问

0 个答案:

没有答案