jQuery UI选项卡 - 选项卡栏的底部

Question

我想在标签栏中添加徽标图片，但这会导致标签不在标签栏的底部。这是我正在使用的代码：

<div id="tabs">
  <div id="logo">
    <img src="./img/logo.png">
  </div>
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

我附上了目前的截图：

Answer 1

尝试添加新行（我的意思是<br />）：

<div id="tabs">
  <div id="logo">
    <img src="./img/logo.png">
  </div>
  <br />
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

或者标签栏和徽标不应该是这样的<div>：

<div id="logo">
  <img src="./img/logo.png">
</div>
<div id="tabs">
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

Answer 2

将<li>设为徽标的高度，并设置margin-top，其中包含图片高度与<li>高度之间的差异。