关于作者

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

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

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

CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
f:Cx:beRwm*P1T0 <html>
0c5jS V.H`X0 <style>
ku D:zZt0 *{margin:0}无忧脚本 U!bQI T hs e"`
</style>无忧脚本^Xv8I_;|8x,l|
<body>
E!Y_lc}/a.p0 <div style='float:left;margin-right:-100px;width:100px;height:100%;background:red'></div>
6sJVPK"sd [:K0 <div style='float:right;margin-left:-150px;width:150px;height:100%;background:blue'></div>无忧脚本"~+_s4ALM
<div style='margin:0 150px 0 100px;height:100%;background:green'></div>无忧脚本.g9v6k%m+x?Q
</body>
k }(R%D0k/ND0 </html>现在有一个问题，就是当background使用 url 后，比如背景图片，那么DIV之间会有一个间隙，也就是图片之间有间隙不能完全重合在一块，非常难看，请教高手如何解决？ 如下面的代码：

CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
`e@ T^U"mjLW0 <html>无忧脚本4Q vS` g&o1I
<style>
t'Xq'J xZ0 *{margin:0}无忧脚本0aw-a8U/RU
</style>无忧脚本#B"{8sxX/qt%D
<body>
d E;aJ+m1~p0 <div style='float:left;margin-right:-74px;width:74px;height:29px;background:url(http://bbs.51js.com/images/default/reply.gif);'></div>
0A%Jk[5C e0k0 <div style='float:right;margin-left:-74px;width:74px;height:29px;background:url(http://bbs.51js.com/images/default/reply.gif);'></div>无忧脚本2p1jET)GbwvhP
<div style='margin:0 74px 0 74px;height:29px;background:url(http://bbs.51js.com/images/default/newtopic.gif);'></div>
h{/UQ.eI0 </body>
v&y:Q?F!\5t`+jK `+o0 </html>[ 本帖最后由 myhome 于 2007-1-16 14:15 编辑 ]

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

TAG:

yxgang发布于2007-01-16 14:17:21
没看懂意思
fanspace发布于2007-04-05 20:18:26
反正中间的层宽度就是屏幕减左右的宽度.无忧脚本-//体验编写HTML代码的乐趣 - 51JS.COM&Y8gy`3JE
b
没看明白你的意思,
!qV/n%Y,?M}4P不过你下边代码里图片重叠很正常,无忧脚本,无忧,脚本,JavaScript,JS,HTML,DHTML,CSS,XML,XSLj3I6jaW@8w        L
宽度不合适,如果用图片做背景,不要用这种块状的
&UbO0^
FeUUwww.51js.com而用条形的应该就没问题了.
我来说两句

(可选)