网页布局基础_技术问答

首页免费课网页布局基础问答

网页布局基础

全部评论问答未解决精华

慕粉2132388755

虽然老师录视频很辛苦，但是真的是讲的一坨错误，就这样怎么能达到育人子弟的效果呢，完完全全是误导菜鸟，此课程建议慕课网删除

1 3-3 横向两列布局

2017-04-24

ToughW

程序猿界出现母猿的声音总是引得各位学员骚动不已

4 1-1 网页布局-课程简介

2017-04-23

阿峻

#wrap{width:970px;margin: 0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:792px;border:1px solid #999;}

0 5-1 网页布局-编程挑战

2017-04-22

阿朱猪

老师的PPT做的很好哈哈哈，好理解，一直在这个平台学习，好像是第一次发评论，感谢互联网感谢这个平台提供的学习资源，老师很辛苦，后台人员应该也很辛苦，给你们还有给到这个平台坚持学习包括自己一个赞。

0 3-2 清除浮动的常用方法

2017-04-22

可爱的琳慧

哈哈哈哈哈哈哈。今天好高兴。我表白了

1 3-2 清除浮动的常用方法

2017-04-22

qq_南音7mr_04073044

*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative;overflow:hidden;margin-top:15px;}
#left{float:left;width:110px;margin-right:13px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:790px;border:1px solid #999;}

0 5-1 网页布局-编程挑战

2017-04-21

rickee_

感觉上一节课解释的有点问题，所以这节课有点误会。上一节课box2都是没有设置width的，所以会根据父包含自适应，当box1设置为float:left之后，脱离标准文档流，box2自动顶到最左边，而因为没有设置宽度，所以自适应为满屏，看起来就跟box2紧跟在box1之后出现一样的效果，其实左边是被box1挡住了而已，把box1的背景色去掉，加一个border就很明显了。
这里也是，right设置了一个定宽140px，left800px浮动之后，right顶到最左边开始出现，但是由于宽度只有140px，而不像上一节课的box2那样自适应，所以看起来就跟上一节课的box2完全不同的效果。

1 3-3 横向两列布局

2017-04-20

书旅

开始进军前端了

0 3-1 浮动布局简介及float属性

2017-04-20

慕粉13418624901

*{margin:0; padding:0;}
#wrap{width:970px; margin:0px auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px; width:650px;border:1px solid #999;}
#right{position:absolute; margin-left:792px; border:1px solid #999;}
</style>
</head>

1 5-1 网页布局-编程挑战

2017-04-19