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

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

如何用CSS进行网页布局

全部评论问答未解决精华

Water丶3528671

直接把第九行的widtn改小点就好了，，其他人说的都是什么鬼。。造成无法显示原因就是宽度设置太大了，比如说宽度占了整个页面怎么居中都没用啊

0 2-3 编程练习

2016-08-20

Solomon_0

.top{height:100px;background:#ccc;}

.main{height:1000px;width:980px;background:red;}

.left{ height:1000px;width:200px;background:blue;float:left}

.right{height:1000px;width:750px;background:green;float:right}

.foot{height:50px;background:yellow;clear:both;}

0 5-3 编程挑战

2016-08-20

cellier

.top{height:60px;margin:0 auto;background-color:gray;}
.main{height:400px;margin:0 auto;background-color:red;}
.left{height: 400px; float: left;width: 200px; background-color:blue;}
.right{height:400px; margin-left: 210px; width:100%; position: absolute;background-color: green;}

0 5-3 编程挑战

2016-08-20

JustDoItImooc

被前面的人带着去听“啊”了，罪过

3 5-1 混合布局

2016-08-20

慕粉4437775

margin:0 310px 0 210px; 相对于左右俩边，中间是缩小了空间（减少内填充）

0 4-3 编程练习

2016-08-20

关于清除浮动

已采纳回答 / 慕雪6288255

clear:both

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

2016-08-19

weibo_月丶是故乡明_0

{height:100px;width:800px;background: #ccc;margin: 0 auto}
{height:500px;width: 800px;background: red;margin: 0 auto}
{height:500px;width:290px;background: blue;float:left}
{height:500px;width: 500px;background: greenyellow;float:right}
{height:50px;width:800px;background: orangered;margin: 0 auto}

0 5-3 编程挑战

2016-08-19

白马游侠

有时候并不是设置错误了，而是由于右边显示部分的宽度太小了，中间自适应就会显示在左边列和右边列的下方，建议拉宽显示部分在查看显示结果。

0 4-3 编程练习

2016-08-19

天边一朵云3808796

正解是在第9行加入，width:50%; margin:0 auto; 意思是宽度为总宽度的50%，上下宽度为0，两边自己适应宽度，也就是居中，但是在这个上面为什么没效果，是因为前面width设置了宽度960！！！这框架没那么TM的宽！前面的兄台们别误人子弟- - 要有效果，就这只width：50%。这基础，伤心啊

43 2-3 编程练习

2016-08-17

StephenNj

style里头最后分号都丢了~

0 2-1 一列布局

2016-08-17

hansenwangvip

.top{height:50px;background:#ccc;margin:0 auto;}
.main{width:100%;height:500px;background:red;}
.left{width:40%;height:500px;background:blue;float:left;}
.right{width:58%;height:500px;background:green;float:right;}
.foot{width:100%;height:50px;background:orange;margin:0 auto;clear:both;}
完美！

1 5-3 编程挑战

2016-08-17

danielttu

px一定要写wdf

1 4-3 编程练习

2016-08-17

Blizzard_lihe

声音有点小

0 1-1 内容简介

2016-08-16

求大神帮忙看看哪里错了，小弟新手尽力了。。

最新回答 / 慕saber

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...

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

2016-08-16

首页上一页 81 82 83 84 85 86 87 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空