Html 侧边中心Div水平和垂直滚动站点布局

我对网络开发还很陌生。基于这个非常简单的教程，我为一个问卷设计了一个简单的侧面滚动布局

请参见JSFIDLE上的示例：

主HTML：

<div id="question01" class="panel">Question 1</div> 
<div id="question02" class="panel">Question 2</div> 
<div id="question03" class="panel">Question 3</div>

现在，每个问题都从问题div的左上角开始。但是，我想将每个问题水平地（以及垂直地）集中在div内。此外，问题div的宽度应取决于浏览器视口，以便根据不同的窗口大小灵活居中

这是一个非常令人沮丧的问题，因为我不知道如何访问视口的宽度。 有人能解决这个问题吗？纯html/css和跨浏览器是否可以实现这一点

希望找到解决办法

---

诺伯特你好，我希望这能解决你的问题

让它工作是首要的工作

width: %

width: %