|
@@ -1,15 +1,37 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html>
|
|
|
+<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
- <title>Page Swipe</title>
|
|
|
- <script src="jquery.js"></script>
|
|
|
-<!-- 支持中文-->
|
|
|
- <meta charset="utf-8">
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
|
+ <title></title>
|
|
|
+ <style>
|
|
|
+ body {
|
|
|
+ height:1000px;/*让窗体出现滚动条*/
|
|
|
+ }
|
|
|
+ .fixed {
|
|
|
+ position: fixed;
|
|
|
+ left: 100px;
|
|
|
+ right: 100px;
|
|
|
+ top: 100px;
|
|
|
+ bottom: 100px;
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ border: 1px solid blue;
|
|
|
|
|
|
+ }
|
|
|
+ .absolute {
|
|
|
+ position: absolute;
|
|
|
+ left: 100px;
|
|
|
+ right: 100px;
|
|
|
+ top: 100px;
|
|
|
+ bottom: 100px;
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ border: 1px solid red;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body>
|
|
|
-<div>
|
|
|
- $2$的平方是指$2$乘以$2$。\n\n解答过程如下:\n\n$2\\times2$ $=4$所以,$2$的平方等于$4$。
|
|
|
-</div>
|
|
|
+<div class="fixed">fixed定位</div>
|
|
|
+<div class="absolute">absolute定位</div>
|
|
|
</body>
|
|
|
</html>
|