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

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

如何用CSS进行网页布局

全部评论问答未解决精华

为什么TOP的样式不显示。

已采纳回答 / HTML500

你写css的时候body清除默认样式，应该用{}而不是<>

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

2016-05-14

margin:0 auto; 和margin:0px auto; 都可以么

已采纳回答 / Moku

是的，margin：0px 代表的是上下，auto代表的是左右，margin：0 auto 代表居中

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

2016-05-14

UltramanNexus

我按照自己的想法写的，谢谢老师，学习了

0 5-3 编程挑战

2016-05-14

慕粉3348809

.top{width:100%;background:#ccc; height:100px;}
.main{width:100%;height:100%;background:#c66; }
.left{width:200px;height:300px;background:#333;}
.right{width:100%;height:300px;background:#666;position:absolute;left:210px;}
.foot{width:100%;background:#bce; height:50px;clear:both;}

0 5-3 编程挑战

2016-05-13

怎么设置模块浮动从上到下排列？

最新回答 / good_game

从上到下排列的话就不用设置浮动了，网页默认的布局是流动模型，对于块级元素都是自上到下排列的，所以不需要再设置浮动了

1 回答 525 浏览 5-2 实践题

2016-05-13

Vittorioyt

.head{width:100%; height:100px; background:#ccc; margin:0 auto;}最主要的是.head里的 margin:0 auto;别忘了敲，其他的宽度随便调都行，没有影响。

1 2-3 编程练习

2016-05-13

夏天_hello

.top{height:50px;background:gray;}
.main{height:300px;background:red;position:relative;}
.left{width:200px;height:300px;background:blue;position:absolute;left:0px;top:0px;}
.right{height:300px;background:green;position:absolute;left:210px;right:0px;top:0px}
.foot{height:50px;background:#369;}

0 5-3 编程挑战

2016-05-13

三列布局如何设置与左右之间的距离

已采纳回答 / Happy_learning

margin:上右下左；left它的宽是200,right它的宽是300 那中间的 margin:0 300px 0 200px；这样就跟左右两边合并一样中间的，比如左边要多10个距离那就210 那左边就多了10个距离 ps：我理解能力也很差，具体意思知道就行了。。。

3 回答 872 浏览 4-3 编程练习

2016-05-12

请问这一行什么作用

已采纳回答 / byoooy

写css 样式，任务1 就是提示在这里填写代码

1 回答 442 浏览 2-3 编程练习

2016-05-12

如何先加载左边后加载右边？兼容ie6是要在ie6打开慕课网做练习吗

已采纳回答 / goldlone

就是让<div class="right">放在<div class="left">的前面

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

2016-05-12

浮动时为啥样式被覆盖但内容不被覆盖？

最新回答 / 幕布斯3905349

图文混排

1 回答 632 浏览 5-2 实践题

2016-05-11

qq_呆呆枫_03234243

不愿意看就滚，老师不管是什么风格，免费教，哪来那么多事

3 5-1 混合布局

2016-05-10

qq_拉的洛克_0

居然不能回复，下面有位兄弟说不能自动换行大概和我踩了一样的坑，那就是输入数字或者纯字母了，因为一串数字或者一串字母是被当做一个整体的，所以浏览器默认不会破坏它的完整性所以不会换行，想换行的话需要增加这个属性word-wrap: break-word;就可以了

48 4-1 三列布局

2016-05-10

Ultrame

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

0 5-3 编程挑战

2016-05-10

按答案上写，为什么蓝色掉了和右侧不在一行上呢

已采纳回答 / 小白的黑色幽默

因为你right部分没有脱离文档流的设置，如浮动或者position:absolute，也就是说此时right还是标准的块状元素，块状元素的特点就是独占一行。由于在HTML代码中，right在前，left在后，所以left的蓝色块就在right的下方，而不是同一行

3 回答 497 浏览 5-3 编程挑战

2016-05-10

一朵大白天

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

0 5-3 编程挑战

2016-05-10

首页上一页 110 111 112 113 114 115 116 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局