案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
<style type="text/css">
4
div.container
5
{
6
width:100%;
7
margin:0px;
8
border:1px solid gray;
9
line-height:150%;
10
}
11
div.header,div.footer
12
{
13
padding:0.5em;
14
color:white;
15
background-color:gray;
16
clear:left;
17
}
18
h1.header
19
{
20
padding:0;
21
margin:0;
22
}
23
div.left
24
{
25
float:left;
26
width:160px;
27
margin:0;
28
padding:1em;
29
}
30
div.content
31
{
32
margin-left:190px;
33
border-left:1px solid gray;
34
padding:1em;
35
}
36
</style>
37
</head>
38
<body>
39
​
40
<div class="container">
41
​
42
<div class="header"><h1 class="header">W3xue.com</h1></div>
43
​
44
<div class="left"><p>"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)</p></div>
45
​
46
<div class="content">
47
<h2>Free Web Building Tutorials</h2>
48
<p>At W3xue.com.cn you will find all the Web-building tutorials you need,