排版错位 left块脱离了父元素mian跑到其他位置去了

只爱***

混合布局编程挑战

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{ height:100px; background:#999; width:100%}
.main{ width:800px; height:600px; background:#F00; margin:0 auto}
.left{ width:200px; height:600px; background:#39C; position:absolute;top:0;left:0;}
.right{ height:600px; background:#6FC; margin-left:210px; text-align:center}
.foot{ width:100%; height:50px; background:#F93; clear:both}

top

right

left

foot

ba***

你的.left{top:0;left:0;}是相对于body元素的，应该给main设置position:relative; 让.left相对于父元素main定位

已有账号？

找人解决需求

排版错位 left块脱离了父元素mian跑到其他位置去了

全部参与1

热门问答

只爱***

今日需求悬赏

今日问答求助

发布任务需求已有1031167位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端