已采纳回答 / 动感光波挡不住
对于position:absolute来说,position是根据父元素的边距来寻找定位,如果没有父元素,则依据body也就是窗口定位,right:0px使得position依照body窗口右侧,故不会另起一行
2017-02-16
最赞回答 / qq_Absurdyears_0
你问题中:margin:0 310px 210px,这个的写法表现出来的结果是,上为0,右左为310,下为210,所以显示结果边距不一样,你下边的margin:0 310px 0 210px,表现出来的结果是,上为0,右为310,下为0,左为210 ,所以可以正确显示
2017-02-16
最赞回答 / 慕少9208995
使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而对于使用absolute
positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。
2017-02-15
已采纳回答 / peter仔
因为right是自适应的,所以它的width是100%,并且因为它比left先加载,使用float:left;的话会把left挤下去(如果你先加载left可以使用float:left;)而使用position:absolute; 普通流中其它元素的布局把绝对定位的元素当不存在。
2017-02-15
Relative : 对象不可层叠,但将依据left,right,top,bottom
main{height:500px;background:red;position:relative;}
.left{width:200px;height:500px;background:blue;position:absolute;top:0px;left:0;}
或者
main{height:500px;background:red;}
.left{width:200px;height:500px;background:blue;position:absolute;top:50px;left:0;}
main{height:500px;background:red;position:relative;}
.left{width:200px;height:500px;background:blue;position:absolute;top:0px;left:0;}
或者
main{height:500px;background:red;}
.left{width:200px;height:500px;background:blue;position:absolute;top:50px;left:0;}
已采纳回答 / doits
因为当年你做一个比较大的网页的话,你这么一弄,所有的地方的样式都被你设置好了,有的地方需要的字体颜色什么的大小,还要单独去设置,而有的地方是默认的样式,你提前在body里面全部设置好,这样会多写很多代码。
2017-02-11