DIV左右行

View Code

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>无标题文档</title>
6 <style>
7    #left{min-height:400px;width:200px;float:left;border:solid 1px #ccc;}
8     #center{min-height:400px;margin:0px 0px 0px 210px;border:solid 1px #ccc;}
9 </style>
10 </head>
11
12
13 <body>
14  <div style="border:solid 1px #ccc;">
15    <p>testtesasdsadfasfsadfttest</p>
16    <p>sdfgsdfg</p>
17    <p>sadf</p>
18  </div>
19    <div id="left">
20      <p>ddd   </p>
21      <p> </p>
22      <p> </p>
23      <p>edt</p>
24      <p>dsfgs  </p>
25      <p>trff</p>
26    </div>
27    <div id="center">
28      <p>asdfasfd
29        dfgd</p>
30      <p> </p>
31      <p>dsfgsdfg</p>
32      <p> </p>
33      <p> </p>
34      <p>sdfgsdgfsd</p>
35    </div>
36  <div style="border:solid 1px #ccc;">
37    <p>testtesttest</p>
38    <p> </p>
39    <p>dsfgsdgf</p>
40    <p>dsfgsdfg</p>
41  </div>
42 </body>
43 </html