<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>360板式</title> <style type="text/css"> .a { border:1px solid #000; width:1100px; height:100px; margin:10px; left:100px; right:100px; position:absolute; } .b { border: 1px solid #000; width: 1100px; height: 50px; top: 110px; position: absolute; left: 0px; } .c { border: 1px solid #000; width: 300px; height: 400px; top: 60px; position: absolute; left: 0px; } .d { border: 1px solid #000; width: 790px; height: 600px; margin: 10px; left: 300px; position: absolute; top: -9px; } .e { border:1px solid #000; width: 300px; height: 120px; left:0px; position: absolute; top: 410px; } .f { border: 1px solid #000; width: 300px; height: 1000px; left: -2px; top: 132px; position: absolute; } .g { border: 1px solid #000; width: 790px; height: 500px; left: 311px; position: absolute; top: 69px; } .h { border: 1px solid #000; width: 790px; height: 420px; left: 0px; position: absolute; top: 510px; } </style> </head> <body> <div class="a"><div class="b"><div class="c"><div class="e"><div class="f"> <div class="g"><div class="h"></div></div></div></div><div class="d"></div></div></div></div> </body> </html>