HamSter

#nav ul { position: relative; }

#nav ul li div.block {
    width: initial;
    ...
    position: absolute;
    left: 0;
    right: 0;
}

<div class="wrap">
  <div class="box box-1"></div>
  <div class="box box-2"></div>
</div>

.box-1 {
  width: 5rem;
  height: 10rem;
  background: #000;
}

.box-2 {
  width: 10rem;
  height: 5rem;
  border: .25rem solid #000;
  margin-left: -5px;
}

.box {
  display: inline-block;
  vertical-align: middle;
}

<div class="wrap">
  <div class="box box-1"></div>
  <div class="box box-2"></div>
</div>


.box-1 {
  width: 5rem;
  height: 10rem;
  background: #000;
}

.box-2 {
  width: 10rem;
  height: 5rem;
  border: .25rem solid #000;
}

.wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

<div class="wrap">
  <div class="box box-1"></div>
  <div class="box box-2"></div>
</div>


.box-1 {
  width: 5rem;
  height: 10rem;
  background: #000;
}

.box-2 {
  width: 10rem;
  height: 5rem;
  border: .25rem solid #000;
  margin-top: 2rem;
}

.box {
  float: left;
}

<div class="pointer">
  <a href="#" class="disabled">disabled link</a>
</div>

.pointer {
  cursor: pointer !important;
}

.disabled {
  pointer-events: none;
}