网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

blackbook

任务一：margin:0 auto; （auto会根据浏览器宽度自动居中。）
任务二：width:100%; （子块元素在父模块下，宽度设置100% 是自动宽度。）

1 2-7 网页布局编程练习

2017-01-11

白杨_

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

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

2017-01-11

慕粉2112138229

语速没问题啊~本小白很喜欢，但是这个普通话哈哈哈哈~想知道老师哪里人。

0 2-1 网页布局相关知识点讲解——标准文档流、块级及行级元素等

2017-01-10

对代码有洁癖

真实的项目，都是业务驱动的，讲师将实际的开发需求同课程知识结合起来，然后抛砖引玉，很多基础的知识点都讲的很清楚，很适合新上手的小白，不知道有啥好吐槽的，我觉得这个讲师讲的很赞，思路也很清晰，通过三个案例来分布讲解，这样子的才不像是课本上的那种死板的知识点。

7 2-4 自动居中一列布局

2017-01-10

有种顺着网线来打我

请你们不要去批评任何一个无私奉献的人。他们不必要这么做，可他们却做了！

5 2-4 自动居中一列布局

2017-01-09

Chen_qLong

*{margin:0; padding:0;}
#wrap{width:970px; height:100%; margin:0 auto;}
#mainbody{ position:relative;margin-top:15px;}
#left{ float:left;width:110px;margin-right:15px;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{ width:178px;position:absolute; top:0;right:0;border:1px solid #999;}

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

2017-01-09

酷酷的样子

怎么加速？

0 2-1 网页布局相关知识点讲解——标准文档流、块级及行级元素等

2017-01-09

FTWH_GP

这题答案有点毁三观。。

0 1-2 练习题

2017-01-08

本宫正年轻

很清晰，简单

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

2017-01-08

qq_夜轻风_1

非常感谢老师做的视频，学到很多。

1 2-2 盒子模型

2017-01-08

tanbibl

第二个任务难道不是写成
#mainbody,#footer{
width:auto;
}

以下为百度到的答案：
width:100%; 设定对象的宽度占父元素100%

width:auto; 根据对象实际大小自适应宽度

0 2-7 网页布局编程练习

2017-01-07

围棋号

这样也可以……
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;overflow:hidden; margin-top:15px;}
#left,#mid,#right{border:1px solid #999;}
#left,#mid{float:left;}
#left{width:110px;}
#mid{margin:0 17px 0 13px;width:650px;}
#right{position:absolute;margin-left:790px;}

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

2017-01-07