bootstrap做的下拉菜单里面元素的高度怎么自定义啦？

Question

如下图所示，我现在修改同事样式，发现很多下拉菜单是用bootstrap做的，在修改下拉菜单的最下的div的时候发现，缩小高度时，通过控制台可以看到盒子高度变小，但是位置怎么都不会变化，请打神指点怎么实现自定义元素的位置。

HTML：

<ul class="dropdown-menu" role="menu">
                <li><a>全部</a></li>
                <li><a>今天</a></li>
                <li><a>最近7天</a></li>
                <li><a>最近30天</a></li>
                <li class="divider"></li>
                <li class='custom'>
                    <i>自定义范围</i>
                    <div>
                        <input type="text" value="2017-01-11" class="form-date">
                        <input type="text" value="2017-01-11" class="form-date">
                    </div>
                    <div class='button'>
                        <button class='btn btn-primary'>确定</button>
                    </div>
                    <div class='hint'>
                        <p>结束日期不能早于开始日期</p>
                    </div>
                </li>
            </ul>
            
            
       CSS:
          ul {
        width: 240px;
        padding-top: 0;
        li{
          padding: 0;
          a{
            padding: 0 20px;
            width: 240px;
            height: 30px;
            line-height: 30px;
            color: #333333;
          }
        }
        .divider{
          width: 240px;
          height: 1px;
          margin: 0;
        }
        a:hover{
          background-color: #5cc9b0;
          color: #FFFFFF;
        }
        .custom {
          width: 240px;
          //height: 80px;
          i {
            margin: 0;
            padding: 0 20px;
            width: 240px;
            height: 30px;
          }
          .hint {
            display: none;
          }
          .btn-primary {
            text-align: center;
            border: 0;
          }
          .btn-primary:focus {
            outline: none;
          }
          div {
            text-align: center;
            height: 40px;
            padding: 0;
            margin: 0;
          .form-date {
              width: 100px;
              height: 38px;
              margin: 0;
              padding: 0;
              border: 1px solid #ccc;
              text-align: center;
            }
            p {
              color: red;
            }
          }
        }
      }

Answer 1

实在不行只能用定位实现了