关于作者

【幻宇】的只用div实现水平方向自适应宽度

上一篇 / 下一篇  2007-01-16 14:06:33 / 个人分类：资料收藏

查看( 879 ) / 评论( 2 )
下面是【幻宇】写的只用div实现水平方向自适应宽度的代码：

CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
!bp6D GHd%E$o5Z`0 <html>无忧脚本D)b5VR&UqS%g|(f
<style>
5l2vY:J$XjBI+u0 *{margin:0}无忧脚本8y g%\.u:Ex K.b0I"@TU
</style>无忧脚本Pkdl1u4rM#]
<body>无忧脚本L2Ii'Q _d.Q_p
<div style='float:left;margin-right:-100px;width:100px;height:100%;background:red'></div>无忧脚本"[TVN6H5wiO$z
<div style='float:right;margin-left:-150px;width:150px;height:100%;background:blue'></div>
B:K1h%o4m[_0 <div style='margin:0 150px 0 100px;height:100%;background:green'></div>无忧脚本%e$dse,t
</body>
2JVW/Qo7Sf}0 </html>现在有一个问题，就是当background使用 url 后，比如背景图片，那么DIV之间会有一个间隙，也就是图片之间有间隙不能完全重合在一块，非常难看，请教高手如何解决？ 如下面的代码：

CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
d"| S C aB @0 <html>
p"Z|mB-A#H0 <style>
mcGT9cfQ0 *{margin:0}无忧脚本x$HM&x[,E*h6b
</style>
\kvC/vj!|h0 <body>无忧脚本_q!LuZ
<div style='float:left;margin-right:-74px;width:74px;height:29px;background:url(http://bbs.51js.com/images/default/reply.gif);'></div>无忧脚本%pI`{n W6`
<div style='float:right;margin-left:-74px;width:74px;height:29px;background:url(http://bbs.51js.com/images/default/reply.gif);'></div>无忧脚本c5@7]rJ-]#g r
<div style='margin:0 74px 0 74px;height:29px;background:url(http://bbs.51js.com/images/default/newtopic.gif);'></div>无忧脚本,N&{9z5|!Bq W
</body>无忧脚本k:nD.PY,MbOz4X
</html>[ 本帖最后由 myhome 于 2007-1-16 14:15 编辑 ]

论坛模式 推荐 收藏 分享给好友 推荐到圈子 管理

TAG:

yxgang发布于2007-01-16 14:17:21
没看懂意思
fanspace发布于2007-04-05 20:18:26
反正中间的层宽度就是屏幕减左右的宽度.
/c7A&@5|.cV5N0N2Z v&M
c$v没看明白你的意思,
pV6} zA+}5dT无忧脚本,无忧,脚本,JavaScript,JS,HTML,DHTML,CSS,XML,XSL不过你下边代码里图片重叠很正常,|-tY(R.rNG;~
宽度不合适,如果用图片做背景,不要用这种块状的
2to` Us"?6\$Z.} vL-//体验编写HTML代码的乐趣 - 51JS.COM而用条形的应该就没问题了.
我来说两句

(可选)