運用<div>布局頁面練習，運用div布局頁面
<!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>Stanford University</title>
<style type="text/css">
</style>
<link href="斯坦福.css" rel="stylesheet" type="text/css" />
</head>
<body leftmargin="0">
<div class="A"><img src="../[email protected]" width="467px" height="70px">
<div class="A1">
<font size="-1">
<form id="aa" method="post" action="http://www.baidu.com">
<table>
<tr>
<td width="350px" height="30px">
<input type="radio" name="aaa" id="aaa2" value="" />
web
<input type="radio" name="aaa" id="aaa" value="" />people</td>
<td>
<input type="text" name="a1" id="" value="" placeholder="search web or people">
</div></td>
</tr>
</table>
</form>
</font>
</div>
</div>
<div class="B">
<table width="1000" height="29">@charset "utf-8";
/* CSS Document */
*{
color:#999
}
.A{
width:100%;
height:80px;
background-color:#900;
font:"微軟雅黑";
font-size:2.5em;
font-weight:bold;
color:#FFF;
text-indent:100px;
position:relative;
}
.A1{
width: 500px;
height: 46px;
background-color: #900;
position: absolute;
right: "0px";
left: 846px;
top: 20px;
}
.B{
width:100%;
height:30px;
background-color:#CCC;
font-size:smaller
}
.C{
width:1000px;
height:350px;
margin:0px auto;
margin-top:5px;
}
.C1{
width: 483px;
height: 109px;
position: absolute;
left: 200px;
top: 140px;
}
.D{
width: 1000px;
height: 50px;
margine-top: 20px;
left: 173px;
position: absolute;
top: 539px;
}
.E{
width: 220px;
height: 195px;
margin-left: 160px;
position: absolute;
left: 14px;
top: 594px;
}
.F{
width: 237px;
height: 195px;
margin-left: 20px;
position: absolute;
left: 413px;
top: 595px;
}
.G{
width: 223px;
height: 195px;
margin-left: 20px;
position: absolute;
left: 685px;
top: 596px;
}
.H{
width: 269px;
height: 195px;
margin-left: 20px;
position: absolute;
left: 924px;
top: 595px;
}
.I{
width: 219px;
height: 195px;
margin-left: 160px;
margin-top: 200px;
position: absolute;
left: 18px;
top: 578px;
}
.J{
width: 233px;
height: 195px;
margin-left: 20px;
margin-top: 200px;
position: absolute;
left: 414px;
top: 578px;
}
.K{
width: 219px;
height: 195px;
margin-left: 20px;
margin-top: 200px;
position: absolute;
left: 689px;
top: 580px;
}
.L{
width: 211px;
height: 161px;
margin-left: 20px;
margin-top: 200px;
position: absolute;
left: 943px;
top: 616px;
}
.M{
width: 1158px;
height: 50px;
margin-top: 10px;
position: relative;
left: 187px;
margin-top: 400px;
position: absolute;
top: 534px;
}
.N{
width: 300px;
height: 50px;
position: absolute;
margin-top: 10px;
left: 542px;
top: 1010px;
}
.O{
width: 300px;
height: 50px;
position: absolute;
margin-top: 10px;
left: 183px;
top: 1007px;
}
.P{
width: 300px;
height: 50px;
position: absolute;
margin-top: 10px;
left: 911px;
top: 1008px;
}
.Q{
width: 300px;
height: 316px;
position: absolute;
margin-top: 10px;
left: 912px;
top: 1061px;
}
.R{
width: 300px;
height: 310px;
position: absolute;
margin-top: 10px;
left: 542px;
top: 1063px;
}
.R1{
width: 302px;
height: 49px;
position: absolute;
left: -3px;
top: 3px;
}
.R2{
width: 60px;
height: 249px;
position: absolute;
left: -2px;
top: 56px;
}
.R3{
width: 236px;
height: 249px;
position: absolute;
left: 62px;
top: 56px;
}
.S{
width: 300px;
height: 317px;
position: absolute;
margin-top: 10px;
left: 183px;
top: 1060px;
}
.S1{
width: 300px;
height: 20px;
position: absolute;
left: 0px;
top: 250px;
}
.T{
width: 1330px;
height: 300px;
position: absolute;
top: 1386px;
left: -2px;
background: #CCC
}
.T1{
width: 149px;
height: 257px;
position: absolute;
top: 29px;
left: 891px;
}
.T2{
width: 149px;
height: 257px;
position: absolute;
top: 29px;
left: 704px;
}
.T3{
width: 163px;
height: 257px;
position: absolute;
top: 31px;
left: 515px;
}
.T4{
width: 167px;
height: 257px;
position: absolute;
top: 31px;
left: 331px;
}
.T5{
width: 149px;
height: 257px;
position: absolute;
top: 30px;
left: 144px;
}
.T6{
width: 149px;
height: 257px;
position: absolute;
top: 30px;
left: 1075px;
}
.U{
width: 100%;
height: 100px;
position: absolute;
top: 1688px;
left: 0px;
}
