为什么设置content样式紧贴着#mainbody顶部的时候不能用margin-top:0px;
我想请问下为什么在#content { position:absolute; margin-left:200px; top:0px; }样式表里设置顶部与#mainbody顶部紧贴着的时候不能用margin-top:0px
我想请问下为什么在#content { position:absolute; margin-left:200px; top:0px; }样式表里设置顶部与#mainbody顶部紧贴着的时候不能用margin-top:0px
2016-03-25
sidebar 没有被设置任何浮动或者定位,因为使用 div 包裹,它本身宽度占满父级元素。
content 内容在设置 absolute 后,如果不设置位置属性(top,left等)那么它会脱离文档流并处于本来该出现的位置,你可以试试在保留 absolute 属性情况下不设置 top 等位置属性,你会发现 footer 内容是被 content 覆盖的。
那么这时候你的 margin-top 属性就是设置 content 与 sidebar 间的外边距了,就不是相对于 mainbody 进行定位了。
你可以把 top,left 等当做定位的坐标,而把 padding,margin 当做你定位元素本身的属性,要注意 top 和 margin-top 是有本质区别的。
举报