MagicMight

.ob_item_product {
    border: 1px solid #dcdcdc;
    margin-top: -1px;
    padding: 7px 15px;
    display: grid;
    grid-template-columns: auto 1fr auto;
}

.midle_product {
    border-bottom: 2px dashed #000000;
}

<div id="a">
  <div id="b"></div>
</div>

div {
  outline: 2px solid blue;
  width: 200px;
}
#a {
  height: 400px;
  overflow-x:hidden;
  overflow-y:scroll;
  transform: rotate(180deg);
}
#b {
  height:1000px;
}

p {
     margin: 0;
}