工具栏可悬浮

src/main/webapp/WEB-INF/views/preview2.html

@@ -40,7 +40,7 @@
 		</div>
 	</div>
 
-	<div id="viewerContainer" style="text-align: center">
+	<div id="viewerContainer">
 		<canvas id="the-canvas"></canvas>
 	</div>
 

src/main/webapp/resources/css/preview2.css

@@ -1,33 +1,39 @@
 body {
-	background-color: #474747;
+	margin: 0;
 	font-family: courier;
 }
 
 button {
+	width: 32px;
+	height: 32px;
 	border: 0;
-	background-color: #474747;
+	background-color: #404040;
 	color: #fff;
 	cursor: pointer;
 }
 
 #toolbarContainer {
+	position: fixed;
 	width: 100%;
-	background-color: #fff;
+	height: 32px;
+	background-color: #404040;
 	color: #fff;
 }
 
 #toolbarViewerLeft {
+	height: 32px;
 	margin-left: 20px;
 	float: left;
 }
 
 #toolbarViewerRight {
+	height: 32px;
 	margin-right: 20px;
 	float: right;
 }
 
 #viewerContainer {
-	position: relative;
-	top: 34px;
-	margin: 2px;
+	text-align: center;
+	background-color: #505050;
+	padding: 50px;
 }