为布局和位置编写div

Question

我正在尝试编辑页面以使用页面的整个宽度。 我在设置div布局时遇到问题。 已经有一个div

<div id="rightPanal" style="margin-top: 425px;">

但它的内容距离右侧太远，并且是一列狭窄的列，位于页面中间。

我已经删除/编辑/很多div，但最终却一无所有，并且在不同的浏览器中到处都是。

我可以转到.css文件，然后编写一些CSS来给我一个不干扰屏幕上其他div和布局的页面中间（其中我可以在其中放入两列）的框的功能-说在屏幕上开始X和Y-在四个方框下以相同的大小和文字显示4张图片-全部为正方形？

Answer 1

位置：绝对

#rightPanal {
    position: absolute;
    top: 50%;
}

Answer 2

听起来您想绝对定位：

https://developer.mozilla.org/en-US/docs/Web/CSS/position

此代码应该使您接近：

#rightPanal {
  position: absolute;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  box-sizing: border-box;
}