案例：CSS3 案例     状态：可编辑再运行    进入横版
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
div
6
{
7
display:-moz-box; /* Firefox */
8
display:-webkit-box; /* Safari and Chrome */
9
display:box;
10
width:300px;
11
border:1px solid black;
12
}
13
​
14
#p1
15
{
16
-moz-box-flex:1.0; /* Firefox */
17
-webkit-box-flex:1.0; /* Safari and Chrome */
18
box-flex:1.0;
19
border:1px solid red;
20
}
21
​
22
#p2
23
{
24
-moz-box-flex:2.0; /* Firefox */

 运行结果　
　北美留学生论坛