css元素排版定位问题

[kevindude]

大家帮忙看下如何才能让红色方框内的元素贴着下边框而不是上边框，下面是页面html代码。

<div id="menubar_container">
  <div class="clearfix" id="fb_menubar" >
    <ul class="fb_menu_list" id="fb_menubar_core">
	  <li id="pb_menubar_logo" class="fb_menu"><a title="转到海盗社区首页" class="fb_logo_link" href="#"><img alt="海盗社区商标" src="/images/logo.png" class="fb_logo_img"/></a></li>
      <li id="fb_menu_home" class="fb_menu"><a class="fb_menu_link" href="#">我的首页</a></li>
      <li id="fb_menu_profile" class="fb_menu"><a class="fb_menu_link" href="#">我的空间</a></li>
      <li id="fb_menu_friends" class="fb_menu"><a class="fb_menu_link" href="#">朋友</a></li>
      <li id="fb_menu_inbox" class="fb_menu"><a class="fb_menu_link" href="#">公会</a></li>
      <li id="fb_menu_inbox" class="fb_menu"><a class="fb_menu_link" href="#">消息</a></li>
    </ul>
    <ul class="fb_menu_list" id="fb_menubar_aux">
      <li id="pb_channel" class="fb_menu fbm_last"><a class="fb_menu_link" href="#">频道</a>
        <div id="fb_menu_friends_dropdown" class="fb_menu_dropdown clearfix">
          <div class="fb_menu_item"><a class="fb_menu_item_link" href="#">玩家交流</a></div>
          <div class="fb_menu_item"><a class="fb_menu_item_link" href="#">排行榜</a></div>
          <div class="fb_menu_separator"/>
          <div class="fb_menu_item"><a class="fb_menu_item_link" href="#">话题</a></div>
          <div class="fb_menu_item"><a class="fb_menu_item_link" href="#">公会</a></div>
        </div>
      </li>
      <li id="fb_menu_logout" class="fb_menu"><a class="fb_menu_link" href="#">社区首页</a></li>
      <li id="fb_menu_settings" class="fb_menu"><a class="fb_menu_link" href="#">官网</a></li>
    </ul>
  </div>
</div>

[starwalker]

clearfix样式增加vertical-align: bottom;样式

[natici]

方法有几种，第一种就如1楼所言，第二种就是设置红色方框层的高度，然后给该层加上margin-top属性。
一般来说第一种比较方便。

[kevindude]

试了下一楼的办法，没有变化。我估计跟logo的高度有关，如果把logo去掉，红色方框的高度和外部容器高度一致。又试了下二楼的第二种方法，增加margin-top只是增加了红色方框与上边框的距离而并没有减少与下边框的距离。

[natici]

<img style="vertical-align:middle">

试试

[zhengshuang87]

设置行高
line-height:21px
对数值微调

[natici]

设置行高应该是不行的，当一行中有图片和文字时，无论设置该层的什么对齐方式都失效，这种问题我遇到了也比较苦恼。

[zhengshuang87]

LOGO图做成背景而不是插入图片就行了，可以设置行高 排起来方便

[凤凰涅槃]

在我那边显示不到的，可以设置a的margin-top调整

[cs5276]

line-height:30px; height:20px;

[prince129]

1.line-height:XXpx; height:XXPX;
2.给clearfix 加个 margin-top:xxpx;
XX自己试下 20 30