如何用CSS进行网页布局_技术问答

首页免费课如何用CSS进行网页布局问答

如何用CSS进行网页布局

全部评论问答未解决精华

紫金道童

.top,.main,.foot,.right{width:100%;}
.top{height:100px; background:#ccc; }
.main{height:600px; background:red; }
.left{width:200px; height:600px;background:blue;position:absolute;left:0;}
.right{height:600px; background:#79cbb0;position:absolute;left:210px;}
.foot{height:60px; background:#ee873b;}

1 5-3 编程挑战

2017-01-15

慕斯2092613

哈哈，老师像教小孩儿一样

1 5-1 混合布局

2017-01-14

紫金道童

其实主要是上面设置960太宽了

0 2-3 编程练习

2017-01-14

qq_cc城_0

讲的一般没啥收获

0 4-1 三列布局

2017-01-13

0xCA

.top{height:100px;background:gray;}
.main{height:600px;background:red;}
.left{width:200px;height:600px;background:blue;position:absolute;left:0;top:100px;}
.right{height:600px;background:green;margin:0 0 0 210px;}
.foot{height:50px;background:orange;}

0 5-3 编程挑战

2017-01-13

默阒

再来看一下昂~ 23333

1 4-1 三列布局

2017-01-12

Micro孙义宏

这个案例感觉没什么太大意义

0 4-1 三列布局

2017-01-11

Micro孙义宏

这个练习题有问题，脱离不脱离不文档流，可能不能用太死板的选择题来回答。我在另一个《网页布局基础》中学习的时候，课程中提到了，“元素设置浮动属性后，会对相邻元素产生影响，设置了浮动的元素，仍旧处于标准文档流中”，那个课程对浮动的解释比较实用。如果把这个练习题中做为正确答案，不利自己在实际运用中当初次遇到浮动产生的周边元素影响时的处理。

6 3-2 评测题目

2017-01-11

Micro孙义宏

在练习页面中的小尺寸窗口head右侧缺失，在DM里的设计窗口里同样的窗口尺寸一变小，head右侧也缺失。
尝试了几次，好像width值设为多少px，窗口显示的范围小于这个值就会出现head右侧缺失。
包括本节老师的课程内容中所做的单列布局也是会这种现象出现。

0 2-3 编程练习

2017-01-11

qq_nextsecondla_03409914

width:100%；默认是父辈的100%，估计你不加这个width:100%；.right的宽度就只有文档那么宽是吗？这是因为你给.right设置了position:absolute 后.right脱离文档流由块级元素变成了行内块级元素，而行内块级元素的默认宽度是文档宽度，所以加上width:100%；后才能占满main的右边。。。

2 5-3 编程挑战

2017-01-08

FTWH_GP

这个习题让我认识到了postion:absolute比float好用些。绝对定位写好四边距离，直接可以完成全局自适应。

0 5-3 编程挑战

2017-01-08

qq_nextsecondla_03409914

clear:both.清除浮动

0 5-2 实践题

2017-01-07

围棋号

.right可以设右浮动或者左边距，结果一样的

0 3-3 编程练习

2017-01-07

qq_提笔写忧伤落笔映浮华_0

body{ margin:0; padding:0; font-size:30px}啥意思

0 2-3 编程练习

2017-01-04

执念bxf

.top{width:300px;background-color:#cccccc;}
.main{width:300px;background-color:#fc0200;}
.left{width:200px;float:right;height:100px;background-color:#0000fe;}
.right{width:calc(100% - 200px);float:right;height:100px;background-color:#9acc99;}
.foot{width:300px;background-color:#ff6634;clear:both;}

0 5-3 编程挑战

2017-01-03

首页上一页 29 30 31 32 33 34 35 下一页尾页

该课程已下架

课程须知: 1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验

老师告诉你能学到什么？: 1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局