案例:CSS3 案例     状态:可编辑再运行    进入横版
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
div.container
6
{
7
width:30em;
8
border:1em solid;
9
}
10
div.box
11
{
12
box-sizing:border-box;
13
-moz-box-sizing:border-box; /* Firefox */
14
-webkit-box-sizing:border-box; /* Safari */
15
width:50%;
16
border:1em solid red;
17
float:left;
18
}
19
</style>
20
</head>
21
<body>
22
23
<div class="container">
24
<div class="box">这个 div 占据左半部分。</div>

 运行结果 
 北美留学生论坛