Javascript CSS将div置于绝对div之下

编辑：这里是直播网站：

我试图把这个绿色盒子div放在div下面。我不知道它为什么会在中间，看起来像

我想要做到的是像

下面是代码

<div class="block-btn">
  <div class="btn secondary store">
    <a href="" onclick="javascript:show_popup_window('/Form/Product/RealShopProductStockList.aspx?pid=SWFS195138&amp;vid=SWFS19513800321000', 630, 900, true, true, 'ProductRealShopStockList');return false;">
      <span class="ico"><img src="/Contents/ImagesPkg/common/ico_detail_store_01.svg" alt="" class="svg"></span>店舗在庫
    </a>
  </div>

  <div style="position: absolute;top: 34%;right:0;">
    <p style="font-size: 16px;display: inline-block;letter-spacing: 0.08em;font-weight: 400;font-family: futura-pt;">TOTAL

      <img src="/Contents/ImagesPkg/snidel/common/ico_favorite_02.svg" width="20" style="padding: 0 3px;">
      33

    </p>
  </div>
  <div id="greenbox" style="  
  display: block;
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;">
  </div>
</div>

总计
33

我不能更改上一个div中的样式，我只能编辑绿框div下的样式。我尝试调整位置和显示，但都不起作用。

使用显示：块

使用“显示：块”的图元将始终放置在其较年长的同级图元的下方，以及其较年轻的同级图元的上方。在本例中，较年长的同级是“block btn”，因此绿色框显示在其下方

<div id="greenbox" style="display: block; width: 200px; height: 75px; border: 5px solid green;">
</div>

使用显示：块

使用“显示：块”的图元将始终放置在其较年长的同级图元的下方，以及其较年轻的同级图元的上方。在本例中，较年长的同级是“block btn”，因此绿色框显示在其下方

<div id="greenbox" style="display: block; width: 200px; height: 75px; border: 5px solid green;">
</div>

---

您的代码中有一个额外的结束标记

您的代码中有一个额外的结束标记

.store{宽度：45%；浮点：左；边框：1px实心#000；填充：10px；}

总计
33

.store{宽度：45%；浮点：左；边框：1px实心#000；填充：10px；}

总计
33

DIV

未正确关闭

请使用下面的代码。你会得到一个绿色的盒子

#绿框{背景：绿色；填充：10px；清除：两者；}
.store{width:50%；float:left；}

店舗在庫
总计
33

DIV
未正确关闭

请使用下面的代码。你会得到一个绿色的盒子


#绿框{背景：绿色；填充：10px；清除：两者；}
.store{width:50%；float:left；}

店舗在庫
总计
33

你能分享工作演示吗？删除
display:inline块在
上。实际上，我根本不会使用HTML样式属性，因为它会覆盖CSS，当您想要更改样式时，它会使您的生活变得困难。只需使用外部CSS。我添加了live网站。你们可以试着根据图片在下面放一个绿色的方框div吗？你们可以分享工作演示吗？删除
display:inline block在
上。实际上，我根本不会使用HTML样式属性，因为它会覆盖CSS，当您想要更改样式时，它会使您的生活变得困难。只需使用外部CSS。我添加了live网站。你们能试着根据图片在下面放一个绿色方框吗？嗨，谢谢你们的输入，我添加了直播网站并编辑了代码，你们能检查吗？嗨，谢谢你们的输入，我添加了直播网站并编辑了代码，你们能检查吗？我添加了直播网站并编辑了代码，你们能检查吗？@makeymiolno我已经更新了你们提供的代码，立即检查我添加了实时站点并编辑了代码你能检查吗？@makeymiolno我已经更新了你提供的代码，请立即检查