我的思路是这样的,BOOK有个内置的宽和高,导致你底下3个200PX会超出600PX,所以把BOOK的内置宽高清空后就可以正常显示了,我IE7*IE6*FF都测试过了没问题。
poem{width:400px}name,writer,content{display:block}area{width:150px}content{float:leftletter-spacing:5pxline-height:1.5}picture{float:rightbackground:url() no-repeatwidth:200pxheight:200px} 这玩意不专业,想要完全实现这种效果,还是用xslt吧。
/*css代码是:*/poetry{
font:28px "微软雅黑"
background-image:url(1.jpg)
background-repeat:no-repeat
background-position:center top
width:100%
height:100%
padding-top:50px
display:block
text-align:center
}
author,
first,second,third,forth{ display: blockwidth:200pxmargin:0 auto}