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

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

如何用CSS进行网页布局

全部评论问答未解决精华

LUCY3460536

谢谢老师的课程，通俗易懂

0 5-1 混合布局

2016-07-09

行者断魂

更正一下错误：position:absolute;要基于position:relative进行定位，如果没有定义position:relative则会想对于html元素定位。而不是相对于body定位。

3 5-3 编程挑战

2016-07-09

行者断魂

position:absolute;要基于position:relative进行定位，如果没有定义position:relative则会想对于body定位。

0 5-3 编程挑战

2016-07-09

行者断魂

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

0 5-3 编程挑战

2016-07-09

行者断魂

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px; background:#ccc}

0 5-3 编程挑战

2016-07-09

qq_零_15

.top{width:100%;height:100px;background:#ccc;}
.main{height:400px;background:red;}
.left{position:absolute;left:0;top:100px;width:200px;height:400px;background:blue;}
.right{margin-left:210px;height:400px;background:#3dc;}
.foot{width:100%;height:50px;background:orange;}

0 5-3 编程挑战

2016-07-08

慕晴

这老师声音真小

0 1-1 内容简介

2016-07-07

就是爱学习3612982

z这里的代码我觉得footer div用margin600px 0 0 0 比较适合。height用main上head也会应用，虽然会被后面的覆盖，看着就不爽。

0 5-2 实践题

2016-07-07

宜优噢

文档流：将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。
有三种状况将使得元素离开文档流而存在,分别是浮动、绝对定位、固定定位。

1 3-2 评测题目

2016-07-07

顾程

成功运行的部分代码如下：
div{text-align:lfet;}
.left{width:200px;height:500px;background-color:blue;float:left;}
.right{margin-left:201px;height:500px;background-color:#396;}
.foot{height:50px;background-color:#0hh;clear:both;}
<div class="left">left</div>
<div class="right">right</div>

1 5-3 编程挑战

2016-07-06

二线City小前端

那声音好像我大学的安卓老师,嘻嘻嘻嘻

0 5-1 混合布局

2016-07-06

精慕门6955375

top独占一行是因为没有定义宽度，只定义了高度。

0 2-1 一列布局

2016-07-06

慕粉18683272828

.footer{ height:50px; background:#9F9; clear:both;}

0 5-2 实践题

2016-07-06

青灯行

.top{height:100px;background:#DDD;}
.main{height:600px;background:red;}
.right{width:100%;height:600px;background:#AED581;position:absolute;left:210px;}
.left{width:200px;height:600px;position:absolute;background:blue;}
.foot{height:50px;background:#ff8040;}

0 5-3 编程挑战

2016-07-06

非渔

深深的套路啊，陷阱一个接一个；
第二个背景色没了，两个背景色宽度加一起正好960px; 搞了半天float，就是不会分开~~~

1 3-3 编程练习

2016-07-04

首页上一页 64 65 66 67 68 69 70 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局