div布局老是最后一个跑掉了怎么回事?》
<style>#right1{width:450px;height:280px;float:right;margin-right:35px}#z{width:225px;...
<style>
#right1 {width:450px; height:280px; float:right; margin-right:35px}
#z {width:225px; height:140px; float:left; background:url(image/1-1.jpg)}
#y {width:225px; height:140px; float:right; background:url(image/2-1.jpg)}
#zx {width:225px; height:140px; float:left; background:url(image/3-1.jpg)}
#yx {width:225px; height:140px; float:right; background:url(image/4-1.jpg)}
</style>
----------------------------------------------------------------
<body>
<div id="right1">
<div id="z"></div>
<div id="y"></div>
<div id="zx"></div>
<div id="yx"></div>
</div>
<body>
就是一个div的框,要放一张图片,其实直接放着一张就不会出现布局问题了,只是页面这种比较多,怕影响打开速度,想分四份拼起来,可总是最后那个(<div id="yx"></div>)跑到第三个下面去了,就差这一个拼不起来 展开
#right1 {width:450px; height:280px; float:right; margin-right:35px}
#z {width:225px; height:140px; float:left; background:url(image/1-1.jpg)}
#y {width:225px; height:140px; float:right; background:url(image/2-1.jpg)}
#zx {width:225px; height:140px; float:left; background:url(image/3-1.jpg)}
#yx {width:225px; height:140px; float:right; background:url(image/4-1.jpg)}
</style>
----------------------------------------------------------------
<body>
<div id="right1">
<div id="z"></div>
<div id="y"></div>
<div id="zx"></div>
<div id="yx"></div>
</div>
<body>
就是一个div的框,要放一张图片,其实直接放着一张就不会出现布局问题了,只是页面这种比较多,怕影响打开速度,想分四份拼起来,可总是最后那个(<div id="yx"></div>)跑到第三个下面去了,就差这一个拼不起来 展开
展开全部
你好!css中有一CSS Sprite的技术:
——————————————————————————————
CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
—————————————————————————————
所以我怀疑你这种分割图片的方式是否可以起到提速的作用。
另外关于div跑到下面的原因是因为你使用了浮动,那么第四个图片因为你为其设定的位置小的缘故才跑到第三个图片下面去了,你可以把第四个图片的width和height调小点相信就可以了。终极解决办法就是使用css reset把所有div的边框模型中的border,padding,margin都设置为0.
——————————————————————————————
CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
—————————————————————————————
所以我怀疑你这种分割图片的方式是否可以起到提速的作用。
另外关于div跑到下面的原因是因为你使用了浮动,那么第四个图片因为你为其设定的位置小的缘故才跑到第三个图片下面去了,你可以把第四个图片的width和height调小点相信就可以了。终极解决办法就是使用css reset把所有div的边框模型中的border,padding,margin都设置为0.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2011-05-27
展开全部
#yx {
overflow:hidden;/*加上它搞定!*/
}
overflow:hidden;/*加上它搞定!*/
}
追问
呵呵,果然解决了,多谢
能说下这个样式的作用吗?意思
追答
在此清除浮动影响……
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询