悬浮菜单去除margin

K-walker · Sep 12, 2017 · ef4c20c · ef4c20c
1 parent e7c74f7
commit ef4c20c
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 60 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/css/frame.css b/css/frame.css
@@ -151,9 +151,6 @@
     float: left;
     width: 100%;
 }
-.pl-48 {
-    padding-left: 48px;
-}
 
 .left .menu li .box:hover {
     background: #000000;
@@ -256,6 +253,47 @@
     padding-right: 5px;
 }
 
+.float-menu {
+    position: fixed !important;
+    color: #ffffff;
+    padding-left: 10px;
+    z-index: 1;
+}
+
+.float-arrow {
+    border-left: 5px solid transparent;
+    border-right: 5px solid #232323;
+    border-top: 5px solid transparent;
+    border-bottom: 5px solid transparent;
+    position: absolute;
+    left: 0px;
+    top: 15px;
+}
+
+.float-menu ul {
+    background: #232323;
+    border-radius: 4px;
+    padding: 2px;
+}
+.float-menu ul li {
+    width: auto !important;
+    padding: 0 10px;
+    line-height: 40px;
+    float: none !important;
+}
+.float-menu ul li:hover {
+    background: #434343;
+    cursor: pointer;
+}
+.float-menu ul li i {
+    float: right;
+    font-size: 12px;
+    margin-top: 19px;
+    color: #ddd;
+}
+.float-menu ul li:hover i {
+    color:#ffffff;
+}
 /****========帧动画=======****/
 @-webkit-keyframes IconRotate  {
     from { -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}

diff --git a/frame.html b/frame.html
@@ -5,48 +5,6 @@
     <title>主框架</title>
 	<link rel="stylesheet" type="text/css" href="css/common.css">
 	<link rel="stylesheet" type="text/css" href="css/frame.css">
-    <style>
-
-        .float-menu {
-            position: fixed !important;
-            color: #ffffff;
-            padding-left: 10px;
-            z-index: 1;
-        }
-        .float-arrow {
-            border-left: 5px solid transparent;
-            border-right: 5px solid #232323;
-            border-top: 5px solid transparent;
-            border-bottom: 5px solid transparent;
-            position: absolute;
-            left: 0px;
-            top: 15px;
-        }
-        .float-menu ul {
-            background: #232323;
-            border-radius: 4px;
-        }
-        .float-menu ul li {
-            width: auto !important;
-            padding: 0 10px;
-            line-height: 40px;
-            margin: 2px;
-            float: none !important;
-        }
-        .float-menu ul li:hover {
-            background: #434343;
-            cursor: pointer;
-        }
-        .float-menu ul li i {
-            float: right;
-            font-size: 12px;
-            margin-top: 19px;
-            color: #ddd;
-        }
-        .float-menu ul li:hover i {
-            color:#ffffff;
-        }
-    </style>
 </head>
 <body>
     <div class="main">