这个效果的实现需要我们参考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）也是探讨这个问题，大家可以搜索一下看看。

我只是重新修改了一些数据并且将其实并不神秘的原理解释给大家而已。

------------------------------------------------------

其他的一些DISPLAY:inline/block/none   BORDER-COLLAPSE:collapse/separate...

（为了页面的美观，效果演示以删除 蓝色部分文字是这个效果的代码，大家可以自己试试

p.s. 在“编辑网络日志项”时双击图片附近，可以进入div框的编辑以修改内容）