找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1867|回复: 10

[求助] 前端滴高手们来看看。。关于边界少了一半的问题。

[复制链接]
发表于 2011-4-27 15:27:56 | 显示全部楼层 |阅读模式

 提示:您可以先修改部分代码再运行

 楼主| 发表于 2011-4-27 15:29:38 | 显示全部楼层
-_!! 。。把代码贴出来就不能写我的问题了。。。。相信大家也看出问题在哪了。。中间的边界应该是40的。可是却只有20.。怎么解决这个问题呢?
回复 支持 反对

使用道具 举报

发表于 2011-4-27 15:38:41 | 显示全部楼层
盒子模型,两个元素之间,一般以margin大的为准,margin 不会相加
要么设一个为40,要么两个都设为40,看布局而定

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-4-27 15:46:16 | 显示全部楼层

回复 3# kuivv 的帖子

这么说如果一个是10一个是20那么中间就只是20.。不会是30了?。。呃? 如果是用循环出来。中间距离要求40.。那么就只能给两DIV定义40,,不能定义20了。。。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-4-27 15:49:58 | 显示全部楼层

回复 3# kuivv 的帖子

其实我好像问你。。是不是所有浏览器都是这样的。。如果是的话还好。。不是的话又要脑壳痛了。
回复 支持 反对

使用道具 举报

发表于 2011-4-27 15:53:48 | 显示全部楼层
这个问题就是传说中的“margin叠加”,楼主google一下,大把的解决办法~
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-4-27 16:00:24 | 显示全部楼层
其实我只是无聊问问。。如果真遇到这样的情况。。margin不行就用padding
回复 支持 反对

使用道具 举报

发表于 2011-5-6 14:01:08 | 显示全部楼层
用padding玩命解决~
回复 支持 反对

使用道具 举报

发表于 2011-5-12 14:50:44 | 显示全部楼层
补充一下3L说得

盒模型margin叠加,只有上下会,左右不会。两个元素上下见的margin,是其中大的那一个。
LZ的margin:20px;即上下都20px,叠加后还是20px。如果那两个div左右相邻,例如用float,则间距40px。

所有浏览器都这样。LZ可以用padding或者改大margin的数值。
回复 支持 反对

使用道具 举报

发表于 2011-5-12 15:54:02 | 显示全部楼层
这不是垂直边距重叠么 ,完全不是问题啊,而是标准
回复 支持 反对

使用道具 举报

发表于 2011-5-12 17:57:30 | 显示全部楼层
有一种东西叫做margin-top
单独定义不行吗??哪怕是循环出来。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-11-29 06:56 , Processed in 0.061732 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表