橫向和縱向橫向滾動網站佈局的中心部門

Question

我對web開發很新穎。我根據這個非常簡單的教程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和跨瀏覽器可能嗎？

希望有一個解決方案 諾伯特

Answer 1

嗨，我會希望這能解決您的問題，這赤http://jsfiddle.net/Rqhcf/30/

，使其工作主要是與工作

width: %