获得相对于身体的内部div宽度

Question

我正在尝试按自己的喜好编辑bootstrap下拉列表，但是在设置下拉菜单宽度时遇到问题，需要它具有80％的宽度（不能使用宽度）：80％，因为它不是父亲。

我尝试过：宽度：80％；宽度：80vw;

第二个有效，但没有响应。 第一个相对于父亲div（具有btn-group类的父亲）赚80％

<div class="btn-group float-right pt-2 pr-5 ">
  <button type="button" class="btn btn-outline-dark pl-4 py-2 dropdown-toggle city_btn" data-toggle="dropdown"
    aria-haspopup="true" aria-expanded="false">
    <span class="ml-3"></span> <i class="fas ml-2 fa-map-marker-alt"></i><span class="cityactive">0</span>
  </button>
  <div class="dropdown-menu mydropdownoptions">
    <span class="mydropdownitems">
        <span class="dot"></span>
        <a class="" href="#">1</a>
    </span>
    <span class="mydropdownitems">
        <span class="dot"></span>
        <a class="" href="#">2</a>
    </span>
</div>