首页头部

liuqimichale
1 parent 90f9c3a1
Showing 2 changed files with 33 additions and 14 deletions
css/libCss/common.css
index.html
 body{
     position: relative;
+    background-color: #eef1f5;
 }
 body,html{
     overflow: hidden;
     width: 100%;
     height: 100%;
 }
+ul,li,ol{
+    padding-left: 0;
+    margin-bottom: 0!important;
+    list-style: none;
+}
+/*头部--------------------------------------------------*/
 header{
-    height: 100px;
+    height: 80px;
     width: 100%;
-    background-color: #f00;
+    background-color: #fff;
 }
+/*左侧栏--------------------------------------------------*/
 nav{
-    position: absolute;
-    width: 100px;
+    position: fixed;
+    width: 200px;
     height: 100%;
-    background-color: #000;
     left: 0;
     top:0;
-    padding-top: 100px;
+    padding-top: 80px;
+}
+.nav-ul{
+    background-color: #fff;
 }
+/*内容--------------------------------------------------*/
 section{
     width: 100%;
-    height: 100%;
-    padding-left: 100px;
-    /* padding-top: 100px; */
-    margin-top: -100px;
+    padding-left: 200px;
 }
 \ No newline at end of file
@@ -9,20 +9,31 @@
     <meta http-equiv="pragma" content="no-cache">
     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="expires" content="0">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <title>首页</title>
     <link rel="stylesheet" href="css/libCss/common.css">
     <link rel="stylesheet" href="css/libCss/bootstrap.min.css">
     <link rel="stylesheet" href="css/index.css">
 </head>
 <body>
-<header>header</header>
-<nav>nav</nav>
-<section>header</section>
+<header>
+
+    <div class="row">
+        <div class="col-md-8">.col-md-8</div>
+        <div class="col-md-4">.col-md-4</div>
+    </div>
+</header>
+<nav>
+    <ul class="nav-ul">
+        <li>1</li>
+    </ul>
+</nav>
+<section>section</section>
  
 <script type="text/javascript" src="js/libJs/jquery.min.js"></script>
 <script type="text/javascript" src="js/libJs/bootstrap.min.js"></script>
 <script type="text/javascript">
-    document.write("<s" + "cript type='text/javascript' src='../assets/pages/scripts/index.js?ver" + Math.random() + "'></s" + "cript>");
+    document.write("<s" + "cript type='text/javascript' src='js/index.js?ver" + Math.random() + "'></s" + "cript>");
 </script>
 </body>
 </html>
 \ No newline at end of file