Question

我正在尝试创建类似于ft.com在网站上的菜单。

它正在破坏而不显示div mega-menu-blog

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li class="dropdown">
    <a href="javascript:void(0)" class="dropbtn">Dropdown</a>
    <div class="dropdown-content">
      <a href="#">Link 1</a>
      <a href="#">Link 2</a>
      <a href="#">Link 3</a>
    </div>
  </li>
   <li class="dropdown">
    <a href="javascript:void(0)" class="dropbtn">Menu X</a>
    <div class="dropdown-content multi-col-menu">
      <ul>
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
      <li><a href="#">Link 4</a></li>
      <li><a href="#">Link 5</a></li>
      <li><a href="#">Link 6</a></li>
        </ul>
    </div>
     <div class="mega-menu-blog">
      <a href="#">ALink 1</a>
      <a href="#">ALink 2</a>
      <a href="#">ALink 3</a>
      <a href="#">ALink 4</a>

     </div>
  </li>
</ul>

我希望类似的菜单功能与ft.com以非常简单的方式使用CSS＆amp; HTML

我尝试了什么打破了设计，没有正确使用css是否有任何类似的菜单基于CSS＆amp; HTML

响应式Mega菜单类似于ft.com

0 个答案: