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

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

如何用CSS进行网页布局

全部评论问答未解决精华

一朵大白天

.top{width:100%; height:60px; background:#ccc;}
.main{width:100%; height:300px; background:red;}
.left{width:28%; height:300px; float:left; background:blue;}
.right{width:70%; height:300px; float:right; background:green;}
.foot{width:100%; height:40px; background:orange; clear:both; }

0 5-3 编程挑战

2016-04-26

求解惑！为什么子元素在使用position：absolute的top、left等属性定义相关尺寸时的参照对象不是其父级元素呢？

已采纳回答 / 慕婉清3660285

position:absolute;的top，left等属性使用是相对于这个定义最近一个要有定位属性的父级元素，如果不存在这样的父级则作用于body元素，也就是浏览窗口。

1 回答 619 浏览 5-3 编程挑战

2016-04-26

求解惑！关于css中clear：both的作用！

最新回答 / Happy_learning

这里可以让你理解清楚，里面还有亲自尝试

3 回答 1612 浏览 5-2 实践题

2016-04-26

<div>元素设置透明背景颜色

最新回答 / huangmin

color:#000

1 回答 1089 浏览 2-1 一列布局

2016-04-25

泽拉斯的飞升之地

声音真好听

0 5-1 混合布局

2016-04-25

老菠萝

看完老师这个课程，我就默默的去找老师其它课程来看了

0 5-1 混合布局

2016-04-25

老菠萝

基础、非常有用。路总是要一步一步走

1 3-1 二列布局

2016-04-25

Fireflies0

这个老师好实在，讲课每一步都很清楚，非常适合初学者！！

0 5-1 混合布局

2016-04-25

for1

睡不着听一会就困真想来个长点的私人定制

2016-04-25

大罗小罗

xiexie!!

0 1-1 内容简介

2016-04-24

qq_浅浅五月_03234958

有没有更简洁的
.top{background:grey; width:100%;}
.main{background:red; width:100%;}
.left{background:blue; height:600px; width:200px;}
.right{background:green; position:absolute; float:right; margin-left:210px; height:600px; width:100%;}
.foot{background:pink; width:100%;}

0 5-3 编程挑战

2016-04-24

qq_浅浅五月_03234958

.top{background:grey; width:100%;}
.main{ height:600px; width:100%; background:red; position:relative;}
.left{ background:blue; height:600px; width:200px; }
.right{ background:green; position:absolute; float:right; margin-left:210px; height:600px; width:100%;}
.foot{ background:pink; width:100%;}

0 5-3 编程挑战

2016-04-24

梦的翅膀受了伤

课程好烂啊

1 5-1 混合布局

2016-04-24

梦的翅膀受了伤

妈的烦死了听到这种声音，唉视频也太low了

1 5-1 混合布局

2016-04-24

思思狮

.top{ height: 100px; background: gray;}
.main{ background-color: red;}
.left{height: 600px; width: 200px; background-color: blue; }
.right{height: 600px; width: 100%; background-color: yellow; float:left;
margin-left: 210px;}
.foot{height: 100px; background-color: purple; clear: both;}

1 5-3 编程挑战

2016-04-24

思思狮

<div class="big_right">
<div class="right">right</div>
</div>

.main{height:600px; background-color:red; width:100%;}
.left{height:600px; width:200px; background-color:blue; float:left;}
.right{height:600px; width:100%; background-color:yellow; float:right;}
.big_right{margin-left:210px;}

0 5-3 编程挑战

2016-04-24

首页上一页 115 116 117 118 119 120 121 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空