当前位置:Gxlcms > html代码 > [入门问题]float为什么把div上移了?_html/css_WEB-ITnose

[入门问题]float为什么把div上移了?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:27人阅读

本帖最后由 overmind 于 2010-09-05 12:15:48 编辑

先上代码 第一个和第二个差一点 ,就是红色部分的代码float:left,但是两个起始的top却不一样,为什么呢?
untitled

青青园中葵 朝露待日?

阳春布德泽 万物生光辉

常恐秋节至 ?黄华叶衰

百川东到海 何时复西归

少壮不努力 老大徒伤悲



untitled

青青园中葵 朝露待日?

阳春布德泽 万物生光辉

常恐秋节至 ?黄华叶衰

百川东到海 何时复西归

少壮不努力 老大徒伤悲





请高手赐教!!!


回复讨论(解决方案)

我测试过了。。。
两段代码的现实情况是一模一样的。。。


ie8

是这样的 如果margin=0的话 还是有一个绿边
http://hi.csdn.net/attachment/201009/5/1343907_1283672355821B.gif

untitled

青青园中葵 朝露待日?

阳春布德泽 万物生光辉

常恐秋节至 ?黄华叶衰

百川东到海 何时复西归

少壮不努力 老大徒伤悲



通过
		position:relative;		top:-10px;		left:-10px;

貌似可以消除绿边,我的问题是,为什么会有这么一个绿边,原理是什么,为什么是10px?

body{
background-color: green;
}
你背景颜色设置的绿色

body{
background-color: green;
}
你背景颜色设置的绿色
您好 谢谢 我想知道的是 为什么会有这个绿边 div为什么不是贴紧 top:0px;left:0px

float:top

float:top
谢谢 这样写么?还是不行啊

untitled

青青园中葵 朝露待日?

阳春布德泽 万物生光辉

常恐秋节至 ?黄华叶衰

百川东到海 何时复西归

少壮不努力 老大徒伤悲


没发现楼主两段代码有什么不同啊,ie8、ff测试都没问题;

楼主所说的绿边,是由于浏览器默认情况下body会有一定的margin值,楼主只要在body样式里加一条margin:0px;就行了

我加了一个visible=false的div后也出现了同样的问题:凡是设置float:left的div都上移了20px,当我把visible=true后就又正常了

人气教程排行