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

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

如何用CSS进行网页布局

全部评论问答未解决精华

zxjiao

老师讲的很好！赞一个！

0 5-1 混合布局

2016-08-06

学习的强度取决于静

谁有dreamweaver cs6的破解版？现在这里谢谢了

2 2-1 一列布局

2016-08-06

慕粉77哒

不错，慕课继续做精品教程出来吧

2016-08-05

慕粉3788202

可能是因为我是计算机专业的，所以学起来没什么问题，很简单，相当于复习一样

0 5-3 编程挑战

2016-08-05

小北方_jack

声音有点小

0 1-1 内容简介

2016-08-05

忘记吧并不容易

文档流：将窗口自下而上分成一行一行，应在每行中按从左至右的依次排放元素，即为文档流
有三种情况使得元素离开文档流而存在，分别是浮动绝对布局固定定位

0 3-2 评测题目

2016-08-04

程野

.top{width:auto;background:#ccc;height:100px;}
.main{height:500px;background:red;}
.left{ width:200px;background:blue;height:500px; position:absolute; top:100;margin-left:0;}
.right{background:#9C9;height:500px;position:absolute;width:100%;margin-left:210px;}
.foot{height:50px; background:#F63}

0 5-3 编程挑战

2016-08-04

fulvaz

三栏布局有main自适应宽度的方法. 不需要弄这么麻烦

0 4-3 编程练习

2016-08-03

难得糊涂01234567891011

.top{ width:100%; height:100px; background:gray
.main{width:100%;height:500px; background:red; position:relative
.left{ width:200px; height:500px; position:absolute;left:0;top:0; background:blue
.right{margin-left:210px;height:500px; background:green
.foot{width:100%; height:100px; background:orange

0 5-3 编程挑战

2016-08-03

白袍策马啸西风

昨天这题看的有点蒙主要是一些细节慕课没有提到在资料上查了查关于对main进行浮动操作会造成页面流混乱我解释一下
首先float属性会尽可能远的向左或向右浮动元素，然后他下面的所有内容会绕流这个元素（绕流就是像流体一样绕着这个元素流动）
*另外对于所有的浮动元素都必须制定一个宽度* 但我们为main设定float浮动时 main并没有宽度设置，就会导致main向左或向右压缩的无限小从而影响我们页面的布局。针对float的应用要记住必须为其设置宽度才疏学浅表达能力也弱希望对大家有帮助吧

2 5-3 编程挑战

2016-08-03

ANIMAGUS

可能是中级难度的缘故一些细节没有去着重说明~但是思路真的~超清晰！

2016-08-02

才下眉头却上我心头

.main{ width:960px; height:600px; margin:0 auto}
.left{ width:300px; height:600px; background:#ccc; float:left;}/*左浮动样式*/
.right{ width:660px; height:600px; background:#FCC; float:right;}/*右浮动样式*/

0 3-3 编程练习

2016-08-02

qq_轻_2

.top{width:auto;height:100px;background:#ccc;background:#ccc;}
.main{width:auto;height:300px;background:red;margin:0 auto;}
.left{ width:200px;height:300px;position:absolute;left:0;top:100px;background:blue;}
.right{height:300px;margin-left:210px;background:#6fc;}
.foot{width:auto;background:#f63;}

0 5-3 编程挑战

2016-08-01

喝牛奶对身体好

弄了半天终于明白了题目。
首先是先加载右侧，因为代码中right写在left前面，所以文档流肯定是按顺序先加载右边的div，在加载左边的，如果此时用左右浮动，必须设置宽度，达不到右侧自适应要求，所以右侧是不能用浮动的，这时只有左侧有浮动，那先加载了right的div，左侧的浮动在加载，会发现左侧浮动跑到了下面去了，因此只能用绝对定位，给.main设置position:relative;.left设置position:absolute;left:0;right:0；布置好左div，在设置右div的左边界就达到自适应要求了。

15 5-3 编程挑战

2016-08-01

qq_虹大人_03626358

用1.25倍速度听比较合适

0 4-1 三列布局

2016-08-01

首页上一页 58 59 60 61 62 63 64 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局