利用div进行页面的布局1(float＆clear属性)
请看下面的代码：<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;"> 1 http://www.blogjava.net/Images/OutliningIndicators/None.gif< html >
2 http://www.blogjava.net/Images/OutliningIndicators/None.gif< head >
3 http://www.blogjava.net/Images/OutliningIndicators/None.gif< script language ="javascript" >
4 http://www.blogjava.net/Images/OutliningIndicators/None.gif</ script >
5 http://www.blogjava.net/Images/OutliningIndicators/None.gif< style type ="text/css" >
6 http://www.blogjava.net/Images/OutliningIndicators/None.gif</ style >
7 http://www.blogjava.net/Images/OutliningIndicators/None.gif</ head >
8 http://www.blogjava.net/Images/OutliningIndicators/None.gif< body >
9 http://www.blogjava.net/Images/OutliningIndicators/None.gif< div style ="position:absolute;top:100px;left:100px;width:300;height:300;background-color:#99FF00" >
10 http://www.blogjava.net/Images/OutliningIndicators/None.gif < div style ="float:left;width:100;height:100;background-color:red" ></ div >
11 http://www.blogjava.net/Images/OutliningIndicators/None.gif < div style ="clear:right;height:100;background-color:blue;" ></ div >
12 http://www.blogjava.net/Images/OutliningIndicators/None.gif</ div >
13 http://www.blogjava.net/Images/OutliningIndicators/None.gif</ body >
14 http://www.blogjava.net/Images/OutliningIndicators/None.gif</ html >
页:
[1]