File tree 1 file changed +57
-0
lines changed
1 file changed +57
-0
lines changed Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html >
3
+
4
+ < head >
5
+ < meta charset ="utf-8 ">
6
+ < title > Layout</ title >
7
+ < style media ="screen ">
8
+ html * {
9
+ padding : 0 ;
10
+ margin : 0 ;
11
+ }
12
+ </ style >
13
+ </ head >
14
+
15
+ < body >
16
+ < style >
17
+ .container {
18
+ min-width : 600px ;
19
+ }
20
+
21
+ .left {
22
+ float : left;
23
+ width : 200px ;
24
+ height : 400px ;
25
+ background : red;
26
+ margin-left : -100% ;
27
+ }
28
+
29
+ .center {
30
+ float : left;
31
+ width : 100% ;
32
+ height : 500px ;
33
+ background : yellow;
34
+ }
35
+
36
+ .center .inner {
37
+ margin : 0 200px ;
38
+ }
39
+
40
+ .right {
41
+ float : left;
42
+ width : 200px ;
43
+ height : 400px ;
44
+ background : blue;
45
+ margin-left : -200px ;
46
+ }
47
+ </ style >
48
+ < article class ="container ">
49
+ < div class ="center ">
50
+ < div class ="inner "> 双飞翼布局</ div >
51
+ </ div >
52
+ < div class ="left "> </ div >
53
+ < div class ="right "> </ div >
54
+ </ article >
55
+ </ body >
56
+
57
+ </ html >
You can’t perform that action at this time.
0 commit comments