在CSS中制作多维数据集-顶部

Question

我正在尝试在CSS中创建一个小方块。我的左右两侧都没问题，但是 top 是个麻烦的地方。
这是我到目前为止的内容：

sampleCode

var addbuttonclicked = document.querySelector('#sell-something-button');

addbuttonclicked.addEventListener('click', function()
{
    document.getElementById("sell-something-modal").classList.remove('hidden');
    document.getElementById("modal-backdrop").classList.remove('hidden');
});

// When close is clicked this window should be closed

var closebutton = document.querySelector('#close-modal');

closebutton.addEventListener('click', function()
{
    window.close()
}

有人对我如何做到这一点有任何线索吗？