有个疑惑？_html/css_WEB-ITnose

div1
div2

回复讨论(解决方案)

margin-top指页边空白
top 一般用于绝对定位

举例给你看：

margin

margin-top指页边空白
top 一般用于绝对定位
正解

有人解决了！

举例给你看：





还是不解啊！为什么margin-top：100 我在想的是 div2应该把div3撑大，就是相对于div3往下移100 ，没想到他把div3弄的也下移了100

谁能说一说 margin 和top 相对 是相对什么 绝对 是绝对什么

比如div2是 position:relative;
那他的 margin-top：100 相对是相对什么
那他的 top：100 绝对是绝对什么

谁能说一说 margin 和top 相对 是相对什么 绝对 是绝对什么

比如div2是 position:relative;
那他的 margin-top：100 相对是相对什么
那他的 top：100 绝对是绝对什么
position:relative这个事相对定位吧。还有啊写css的时候最好带上单位px，这是不好的习惯那

说了等于没说 我就是想知道 div2是相对的，他margin-top：100px 的时候为什么div3也会跟着下移，而不是相对于div3下移

.div3{ width:300px; height:300px; background:#999; border:1px solid #666; position:relative;}
因为div3没有设置边框

为什么没有设置边框会这样！ 我晕

哦 我知道了 谁有讲解这个相对位置和绝对位置的文档啊！ 我被样式搞的一头雾水

我还是有疑问 那margin-left:100 div3就不会随着div2他移动？为什么

http://www.hicss.net/use-margin-or-padding/

楼主要好好学习下css基础

margin-top指页边空白
top 一般用于绝对定位
这个

我还是有疑问 那margin-left:100 div3就不会随着div2他移动？为什么
div3 是 div2 的 父层
div2 左边距 是针对 父层 进行左边距的
所以 div3 是不会移动的

引用 3 楼 的回复:
举例给你看：




……
这里的话 在火狐浏览器下有个 bug??firefox内部div使用margin-top，成为外部div的margin-top
解决方法：给父层增加css属性： display:inline-block; 或者 overflow:hidden;

margin-top：是内容距边框的距离
top：是内容距内容的距离

margin-top是设置外边距的
top是定位的
学习 html div+css可到这里 http://blog.sina.com.cn/u/2760399482