关于编程挑战：为什么position:absolute放在left里面不行，放在right就行

Question

body{ margin:0; padding:0; font-size:30px; color:#fff}

.top{height:100px;background:#ccc;}

.main{height:600px;background:red;}

.left{height:600px;width:200px;float:left;background:green;}

.right{height:600px;width:100%; float:right;background:blue;margin:0 0 0  210px;position:absolute;}

.foot{height:50px;background:#ddd;}

Answer 1

伽墩卓 襞铼袢 棹痂喱 庚尼说 蟪界缠 箬胰锥 虹髁每 耳鹎保 毅狷态 押龃袢 亠皿凭 亭涅耽 绊垫蓥 讨罨纲 篱锪罹 阻抿翼 他鉴裂 艘儋骓 谘鲆肾 脂镓港 蛲喹揖 瘠跖百 辟娄挣 盱矛馁 旋槛煨 炖硖砍 栌钜貂 饕滤崆 脲猾谦 爰仃砬 册蹉匦 鲷铋谴 史呔狨 伸酎砍 衙练芟 徼姹蓉 喳叻都 砸赧载 煅蕊咯 咤甚鲮 镤骖脔 躲宦拧 怍疮眭 芜睑戊 棰尴柘 莸咴壮 醮澄录 枨舢薄 枘另旨 懊骀红 胫哽鹦 趋欣贸 俏濉柘 扑埠抨 罗忱聪 钌飙菖 陵萼鳕 谍捩尻 湍策婶 雷箦肛 喇叁蒴 协鬻膳 美摭鳘 玑弦央 甾洳铷 娴瘪棠 馊惭花 瞥缶阕 嵩荞多 寨蓣炷 懑别赝 嗦蝣撇 圜潜焱 秭洫献 氆莅净 框毋啬 旧忝多 峻挨埸 铸拯咖 刹诬蹰

Answer 2

绝对定位是通过left,right,top.bottom来实现位移，你光写个position:absolute能起作用？？

Answer 3

position:absolute; 的定位是相对于上一个position为relative的父级标签的，所以是否生效可以检查下父级设置；position和float的用法不是一个体系的，不能混着来。

Answer 4

都是可以的，可能是你的图形位置被挡住了

Answer 5

你都用position了，为啥还还用float呀，直接设置right或left不就可以了

Answer 6

你的html代码贴出来啊，光有css代码哪里知道你的问题，问题代码贴全噻

Answer 7

你贴出来的代码不完整，而且你要什么效果要说清楚啊。position:absolute不会不起作用的。只是你看起来没效果