课程
/前端开发
/HTML/CSS
/网页布局基础
任务1：请在右侧编辑器中补全代码，实现页面自动居中布局，要求#wrap顶部和底部与浏览器无间距；
任务2：请在右侧编辑器中补全代码，使用浮动实现#left和#mid横向两列排版，并且两者之间有13px间距;
任务3：请在右侧编辑器中补全代码，使用position定位方法实现#right的自适应宽度横向排版，且它与#mid之间的间距为17px。
2014-10-15
源自：网页布局基础 5-1
正在回答
<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:790px;border:1px solid #999;}
</style>
举报
让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识
