2 năm trước cách đây · 325b99e33b
--- a/css/13_清除浮动问题.html
+++ b/css/13_清除浮动问题.html
@@ -10,7 +10,7 @@
 
				             background: #999;
			
 
				             /* height:200px; */
			
 
				 
			
 
				-            overflow: hidden;
			
 
				+            /* overflow: hidden; */
			
 
				         }
			
 
				         #div1{
			
 
				             width: 200px;
			
@@ -38,6 +38,15 @@
 
				             background: pink;
			
 
				         }
			
 
				 
			
 
				+        .clearfix::after{
			
 
				+            /* 先生成伪元素 */
			
 
				+            content:"";
			
 
				+            /* 设置为块级元素 */
			
 
				+            display: block;
			
 
				+            /* 清浮动 */
			
 
				+            clear:both;
			
 
				+        }
			
 
				+
			
 
				     </style>
			
 
				 </head>
			
 
				 <body>
			
@@ -50,11 +59,23 @@
 
				         1 给元素添加高度
			
 
				         2 父元素添加一个overflow:hidden (方法技巧)
			
 
				 
			
 
				+        3 在浮动的元素下添加一个元素(块级元素),通过clear:left|right|both清除浮动
			
 
				+        4 给父元素添加 clearfix
			
 
				+            .clearfix::after{
			
 
				+                /* 先生成伪元素 */
			
 
				+                content:"";
			
 
				+                /* 设置为块级元素 */
			
 
				+                display: block;
			
 
				+                /* 清浮动 */
			
 
				+                clear:both;
			
 
				+            }
			
 
				     -->
			
 
				-    <div id="div0">
			
 
				+    <div id="div0" class="clearfix" >
			
 
				         <div id="div1"></div>
			
 
				         <div id="div2"></div>
			
 
				         <div id="div3"></div>
			
 
				+        <!-- <div style="clear:both"></div> -->
			
 
				+        <!-- 伪元素 -->
			
 
				     </div>
			
 
				     <h2></h2>
			
 
				 
			
--- a/css/14_after.html
+++ b/css/14_after.html
@@ -0,0 +1,27 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <style>
			
 
				+        /* 伪元素选择器 在div的内部的后边 添加一个伪元素
			
 
				+        
			
 
				+            after内部的后边 
			
 
				+            before 内部的前边
			
 
				+        */
			
 
				+        div::after{
			
 
				+            content:"我是一个伪元素"
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+    <div>
			
 
				+        哈哈哈
			
 
				+        <!--  -->
			
 
				+    </div>
			
 
				+    
			
 
				+</body>
			
 
				+</html>