高手来解释~~
使用相对定位 position:absolute 时,若将代码 top:0px 删去,则会出现右侧框架另起一行,左侧和中间在一行,这是因为div是块级元素的原因,但是为什么不出现三行的情况?
2016-02-10
我实现了一下确实如你所说。我把left 和right 和main的top:0px;全都去掉了。
left就不用解释啦,它本来就在第一行。
main在第一行是为毛呢,因为left中有一句是position:absolute;
本来left是块状元素,display的属性是block(块状元素)
如果元素中设置了position:absolute或者float:left/right,display就会隐性自动改变成inline-block(内联块状元素)
内联块状元素就是可以和其他元素在同一行,如有不懂,可以看一下HTML+CSS基础课程。
至于right会在新的一行,那是因为main已经把第一行的位置全部占用了,right只能在下一行。
我是刚看完那个才记得,所以我不是大神哈,很开心能帮助你。
举报