这阵子在忙着做一个系统,使用struts做的。由于画面显示媒体的原因,要求我们的画面布局必须全部使用DIV,
我以前全部用Table的tr,td布局的,一听这么布局还真有点困难,待一段调查之后,发现自己真的是才学肤浅啊。
原来,DIV布局是完全合理的。因为DIV有个属性是position,这是控制它的位置,使用absolute意思是他是使用
在画面的绝对位置的。也就说我们把位置给他固定好,把DIV放那就OK了。
<div style=" position:absolute; left:40px; top:22px; height:530px; width:640px">
这段DIV属性代表了这个DIV是在画面左侧空40像素,上方空22个像素,也就是他的最左上角的那个点的位置。
height和width就不用说了,表明了这个DIV的大小。
DIV是可以叠加的,以前table布局是经常一个table嵌套另一个table,用DIV就不需那样,只要一个一个的写出来,
把它们的绝对地址设置好就行了,不用嵌套一样可以解决很多问题。
<div style="position:absolute; left:40px; top:22px; height:530px; width:640px">
<img src="./img/banner.gif" width="640px" height="70px" border="0px" />
</div>
<div style="position:absolute; left:50px; top:75px; height:23px; width:404px;">
<font color="#ffffff"></font>
</div>
上面这段代码,第一个DIV是一个大的DIV,有图片控制背景。这个大DIV的位置在左侧40px和上方22px处开始。
下边这个DIV从左侧50px,上方75px开始,而且第二个DIV大小比第一个DIV小,所以就保证了画面显示时,第二个
DIV在第一个DIV里面,感觉就和table的嵌套差不多了。
DIV左右布局也是一样的道理,把位置计算好,就可以显示出漂亮的画面了。
我以前全部用Table的tr,td布局的,一听这么布局还真有点困难,待一段调查之后,发现自己真的是才学肤浅啊。
原来,DIV布局是完全合理的。因为DIV有个属性是position,这是控制它的位置,使用absolute意思是他是使用
在画面的绝对位置的。也就说我们把位置给他固定好,把DIV放那就OK了。
<div style=" position:absolute; left:40px; top:22px; height:530px; width:640px">
这段DIV属性代表了这个DIV是在画面左侧空40像素,上方空22个像素,也就是他的最左上角的那个点的位置。
height和width就不用说了,表明了这个DIV的大小。
DIV是可以叠加的,以前table布局是经常一个table嵌套另一个table,用DIV就不需那样,只要一个一个的写出来,
把它们的绝对地址设置好就行了,不用嵌套一样可以解决很多问题。
<div style="position:absolute; left:40px; top:22px; height:530px; width:640px">
<img src="./img/banner.gif" width="640px" height="70px" border="0px" />
</div>
<div style="position:absolute; left:50px; top:75px; height:23px; width:404px;">
<font color="#ffffff"></font>
</div>
上面这段代码,第一个DIV是一个大的DIV,有图片控制背景。这个大DIV的位置在左侧40px和上方22px处开始。
下边这个DIV从左侧50px,上方75px开始,而且第二个DIV大小比第一个DIV小,所以就保证了画面显示时,第二个
DIV在第一个DIV里面,感觉就和table的嵌套差不多了。
DIV左右布局也是一样的道理,把位置计算好,就可以显示出漂亮的画面了。