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

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

如何用CSS进行网页布局

全部评论问答未解决精华

为什么不直接在BODY里面全部设置好呢？

已采纳回答 / doits

因为当年你做一个比较大的网页的话，你这么一弄，所有的地方的样式都被你设置好了，有的地方需要的字体颜色什么的大小，还要单独去设置，而有的地方是默认的样式，你提前在body里面全部设置好，这样会多写很多代码。

2 回答 571 浏览 2-3 编程练习

2017-02-11

燃料

核心：块挨着块；块叠着块；块嵌套着块。

1 5-1 混合布局

2017-02-11

慕莱坞2845963

.head,.main{ width:960px; height:600px;/*【任务1】*/margin:0 auto;}

.left{ width:220px; height:600px; background:#ccc; /*【任务2】*/float:left;}

.r_sub_right{ width:200px; height:600px; background:#9FC; /*【任务3】*/float:right;}

.footer{ height:50px; background:#9F9; /*【任务4】*/clear:both;}

2 5-2 实践题

2017-02-09

慕粉1531573440

声音也太小了吧

2 1-1 内容简介

2017-02-09

浮动遇见的问题

已采纳回答 / qq_德德_03610412

把你代码我看一下

2 回答 513 浏览 4-1 三列布局

2017-02-09

睿成

语速慢，建议1.5倍速

0 1-1 内容简介

2017-02-09

慕莱坞2845963

浮动和绝对定位的内涵理解不是很深刻

1 3-3 编程练习

2017-02-08

慕莱坞2845963

clearly

0 3-1 二列布局

2017-02-08

冬天里的阳光

.top{ height:100px; background:#ccc; }
.main{ background:red;position:relative;}
.left{ width:200px; height:500px; background:blue; position:absolute; left:0;top:0;}
.right{ height:500px; margin-left:210px; background:#6C9;}
.foot{height:100px; background:orange;}

3 5-3 编程挑战

2017-02-07

冬天里的阳光

在footer添加清除浮动可以很多人看不懂，也可以用以下方法：
.head,.main{ width:960px; margin:0 auto; overflow:auto;}
在.head,.main 加 overflow:auto;

1 5-2 实践题

2017-02-07

为什么div覆盖了，相互的内容却没覆盖呢？

最新回答 / 慕移动9181930

bootstrap中的每个控件都有自己的用法，其中表单控件中的单选按钮和复选按钮需要遵循以下规则：j==i一个数直接就完了，不循环了

2 回答 821 浏览 5-3 编程挑战

2017-02-05

上面的教程中三列布局的时候为什么不能设置整体宽度，比如说我想设计整体宽度为800px并居中显示，为什么不能实现呢？

已采纳回答 / 老橙子

因为绝对定位需要相对定位进行定位啊，你这样只有left和right的绝对定位，absolute默认就是以整个html的body进行绝对定位的，一设置这个left：0和top：0你就会直接卡在网页的左上角，因此需要在你的父容器div class="kuandu"里面设置position：relative;将你子div的绝对定位的参照物换成父容器，然后你的子div才能用absolute定位。但是你也可以把代码换成上面那位的直接用relative来定位子div，然后用margin来控制距离

4 回答 862 浏览 4-1 三列布局

2017-02-05

sissicc

.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0;right:0; position:absolute; background:#FCC;}

0 4-3 编程练习

2017-02-02

慕粉000141558

有没有像我注释掉才能有效果的小伙伴~顶上去
.head,.main{ width:960px; height:600px;/*【任务1】*/margin:0 auto;}
.left{ width:220px; height:600px; background:#ccc; /*【任务2】*/float:left;}
.r_sub_right{ width:200px; height:600px; background:#9FC; /*【任务3】*/float:right;}
.footer{ height:50px; background:#9F9; /*【任务4】*/clear:both;}

3 5-2 实践题

2017-02-02

sissicc

.left{ width:30%; height:600px; background:#ccc;float:left; 【任务1】}/*左浮动样式*/
.right{ width:65%; height:600px; background:#FCC;float:right; 【任务2】}/*右浮动样式*/

1 3-3 编程练习

2017-02-02

sissicc

.main,.footer{ width:50%; margin:0 auto; 【任务1】}

0 2-3 编程练习

2017-02-02

首页上一页 43 44 45 46 47 48 49 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空