Skip to content

Commit be1854a

Browse files
author
人心思动
authored
Add files via upload
1 parent e02166e commit be1854a

File tree

1 file changed

+57
-0
lines changed

1 file changed

+57
-0
lines changed

三栏布局/双飞翼布局.html

+57
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
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>

0 commit comments

Comments
 (0)