我对网络开发很陌生。我根据这个非常简单的教程http://www.sitepoint.com/side-scrolling-site-layout-with-css-and-jquery/为问卷设计了一个简单的横向滚动布局。
请参阅 jsfiddle 上的示例：http: //jsfiddle.net/emon/Rqhcf/6/
主要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>
主要的CSS：
body {width: 6000px; margin: 0;}
.panel {width: 930px; float: left; padding-left: 30px; padding-right: 1040px;
padding-top: 45px; background: #eee;}
现在，每个问题都从问题 div 的左上角开始。但是，我想将每个问题水平居中在 div 内（也最好垂直居中）。此外，问题 div 的宽度应该取决于浏览器的视口，以便根据不同的窗口大小灵活居中。
这是一个非常令人沮丧的问题，因为我不知道如何访问视口的宽度。有人对此有解决方案吗？这可能与纯 html/css 和跨浏览器吗？
希望有一个解决方案诺伯特