From 82be1bb4a6bf685aaa5f1ce43c5eb85639519e20 Mon Sep 17 00:00:00 2001
From: RainSun <zhaoyingbo@live.cn>
Date: Sun, 3 Nov 2019 13:08:13 +0800
Subject: [PATCH] update
---
20191101/20191101.md | 10 ++++++++++
20191101/test.html | 16 ++++++++++++++++
20191103/test.html | 42 ++++++++++++++++++++++++++++++++++++++++++
3 files changed, 68 insertions(+)
create mode 100644 20191101/20191101.md
create mode 100644 20191101/test.html
create mode 100644 20191103/test.html
diff --git a/20191101/20191101.md b/20191101/20191101.md
new file mode 100644
index 0000000..36c2912
--- /dev/null
+++ b/20191101/20191101.md
@@ -0,0 +1,10 @@
+* absolute属性不去设置top和left的时候是不会去侵占其他元素的位置的
+
+* flex 子元素平铺，flex:1;
+
+
+* getComputerStyle(ele,null).left
+ * 谷歌支持，火狐支持，ie8不支持
+
+* ele.currentStyle.left
+ * ie8支持
\ No newline at end of file
diff --git a/20191101/test.html b/20191101/test.html
new file mode 100644
index 0000000..d27cfc9
--- /dev/null
+++ b/20191101/test.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Document</title>
+</head>
+<body>
+ <script type="text/javascript">
+ function my$(id) {
+ return document
+ }
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/20191103/test.html b/20191103/test.html
new file mode 100644
index 0000000..081aad4
--- /dev/null
+++ b/20191103/test.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Document</title>
+ <style>
+ * {
+ padding: 0;
+ margin: 0;
+ }
+ div {
+ height: 200px;
+ width: 200px;
+ background: #10aeff;
+ }
+ </style>
+</head>
+<body>
+ <input type="button" value="点击" id="btn">
+ <div id="dv"></div>
+ <script type="text/javascript">
+ function my$(id) {
+ return document.getElementById(id)
+ }
+ window.onload = function() {
+ var btn = my$('btn')
+ var dv = my$('dv')
+ function getStyle(ele,attr) {
+ return window.getComputedStyle ? window.getComputedStyle(ele,null)[attr]:ele.currentStyle[attr]
+ }
+ btn.onclick = function() {
+ console.log(getStyle(dv,'left'))
+ console.log(getStyle(dv,'margin-left'))
+ console.log(getStyle(dv,'background'))
+ console.log(getStyle(dv,'width'))
+ }
+ }
+ </script>
+</body>
+</html>
\ No newline at end of file