引用
Msn Space模板-banner等元素的放置
这个效果的实现需要我们参考parts.css,
我们可以看到这样的语句:
.LayoutIBeam {
TABLE-LAYOUT: fixed; DISPLAY: none; WIDTH: 50px; POSITION: absolute; BORDER-COLLAPSE: collapse; HEIGHT: 20px
}于是我们可以做一点更改:
<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: none; LEFT: 775px; WIDTH: 226px; HEIGHT: 125px; TOP: 0px; BORDER-COLLAPSE: separate">
(将TABLE-LAYOUT改为 auto是为了自动适应大小,离左边775像素,离上边0像素,高125像素,宽226像素,实际上高度可以不添加,让图片按比例放缩)
然后在DIV框内增加内容就可以了,如本例:
<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: none; LEFT: 775px; WIDTH: 226px; HEIGHT: 125px; TOP: 0px; BORDER-COLLAPSE: separate">
<IMG style="WIDTH: 220px; HEIGHT: 120px" height=120 src="http://home4u1.china.com/HOME14/30/40/60/20/59/0000934625/images/text_pic.jpg" width=220 align=left></DIV>
网上还有一些文章(似乎还没有找到是国外的哪位朋友最早想到要利用part.css)也是探讨这个问题,大家可以搜索一下看看。
我只是重新修改了一些数据并且将其实并不神秘的原理解释给大家而已。

