zoukankan      html  css  js  c++  java
  • css dropdown menu

    <ul>
      <li class="left">abc</li>
      <li class="middle" id="middle" >
        def
        <div>
          <ul style="border:1px solid red;">
            <li>l1</li>
            <li>l1</li>
            <li>l1</li>
          </ul>
        </div>
      </li>
      <li class="right">hjk</li>
    
    </ul>
    ul{
      list-style-type: none;
    }
    
    
    .left, .middle,.right{
       float:left;
        width:120px;  
        border:1px solid red;
        margin-right:2px;
        position:relative;
    
    }
    
    ul li#middle > div
    {
      box-sizing: border-box;
      position:absolute;
      display:block;
      left:-10%;
      width:120%;
      top:100%;
      margin-top:4px;
      border:2px solid green;
    }
  • 相关阅读:
    SRM482
    SRM481
    SRM480
    SRM479
    SRM478
    vue-cli 3 is not a modual err
    .vimrc
    css3 导入字体
    class []的用法
    RK61 Keyboard Use
  • 原文地址:https://www.cnblogs.com/zyip/p/4414894.html
Copyright © 2011-2022 走看看