Javascript 响应菜单栏

我正在为我的项目创建菜单。在我的页面中，我创建了两个div标签。一个是标志，另一个是菜单。如果缩小浏览器窗口屏幕，则菜单需要位于徽标下方。我试过用bootstrap。但这只是部分原因。这是我的名片。我做错了什么。我需要帮助

<div id="123A" style="float: left; text-align: center;padding: 0px 0px 0px 0px ; position:absolute; z-index:1;">
<img src="img/Logo_Transparent_200.png"  width="150" height="35"/>
<span id="fcolor"> MR POOL</span>
</div> 


<div id="123B" style="text-align: center; position:absolute; z-index:1; ">
   <nav id="na">
   <ul>
   <li id="na1" ><a href="#">Pool Vessel Details &nbsp;&nbsp;&nbsp;<img src="img/arrow2.gif"/></a>
    <ul id="content1" >
      <table>
      <tr><td>
      <li><a href="#">Fleet</a></li>
      <li><a href="#">Pool Points</a></li>
      <li><a href="#">OffHire</a></li>                                  
      </td> 
      <td>      
      <img src="img/img1.jpg" style="width:200px; height:175px;" />                                         
      </td>
      </tr>
      </table>
   </ul>
  </li>
  </nav>
 </div>

普尔先生

---

提前感谢。

只需查看您想要的示例的源代码，看看它是如何实现的。如果你在这里发布一个问题，人们不仅仅是为了你。我认为原因是第二个div没有设置最小宽度。如果div设置了这个css，菜单的位置就不会改变。