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

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

如何用CSS进行网页布局

全部评论问答未解决精华

在三列布局中，已知三列的宽和高，如何确定margin的上右下左的边距

已采纳回答 / 李晓健

这个margin 是用在了中间那块上，这里margin 一共4个值分别对应上右下左；对应到他给的值就是上：0；右310px; 下：0；左：210px; 因为他是左中右的布局，所以上下不用管，都是0，这个没有问题。说一下他的左右的值是怎么算出来的。先看左边的，他给的值是210px,再看一下他左边区域div的宽度，200px，而且是用定位放到了左边,因为他们是在一行上的，左边区域就会盖到中间区域上，所以中间的区域要把左边的区域的宽度空出来，也就是至少要空出200px 左边才能正好显示。他给...

2 回答 694 浏览 4-3 编程练习

2015-11-21

easonzen

清除浮动
clear : both;即可

0 5-3 编程挑战

2015-11-21

为什么任务四，清除浮动用overflow:hidden，下面就不见了。用clear:both就OK啊？

+ 我来回答回答最高可+2积分

4 回答 640 浏览 5-2 实践题

2015-11-20

慕码人0911192

看了好几个，你们不清除浮动，foot能看到么？？？

0 5-3 编程挑战

2015-11-20

margin :0 auto 不居中？

最新回答 / 慕課君

意思就是块级元素默认宽度是100%，你想看到的是块里的元素居中，那就不能用margin，要是单纯想块居中，就要把块容器限制一个宽度。如果是想让块内元素居中的话，那就用text-align：center。

5 回答 959 浏览 3-1 二列布局

2015-11-20

smartone

刚才写少了两个，这个才对
.top{height:100px;background:#ccc;}
.main{height:600px;background:red;margin:0 auto;position:relative;}
.left{height:600px;width:200px;background:#00f;position:absolute;left:0;top:0;}
.right{height:600px;margin-left:210px;background:#1d9;}
.foot{height:50px;background:orange;}

0 5-3 编程挑战

2015-11-19

smartone

IE6上也测试了，大家可以参考一下：
.top{height:100px;background:#ccc;}
.main{height:600px;margin:0 auto;position:relative;}
.left{height:600px;width:200px;background:#00f;position:absolute;left:0;top:0;}
.right{height:600px;background:#1d9;}
.foot{height:50px;background:orange;}

0 5-3 编程挑战

2015-11-19

smartone

声音问题不是一般的严重啊~~音量低得可怜

0 1-1 内容简介

2015-11-19

了然一生

教材的答案都不对，说不过去啊。

0 5-3 编程挑战

2015-11-18

zhang012

其实怎么样使父类main的红色背景仍然显示呢？

0 5-3 编程挑战

2015-11-18

小猪版纳

此问题不够严谨，float 浮动只是暂时脱离文档流，块级元素忽略float 模块，但是块级中的内联元素还是围绕float的周围，知道float的存在。

2 3-2 评测题目

2015-11-17

hhj187

1 2-1 一列布局

2015-11-16

没有白天黑夜

prefect!!超级赞！！！

0 5-1 混合布局

2015-11-15

一二一_0001

这视频最后有误导性建议大家别看

1 4-1 三列布局

2015-11-14

qq_一路向前_5

<div class="left">左边</div>
<div class="main">中间</div>
<div class="right">右边</div>
<style>
.left{width:200px;height:500px;background:red;float:left;}
.right{width:300px;height:500px;background:yellow;float:right;}
.main{height:500px;background:#ccc;margin:0 300px 0 200px;}
</style>

0 4-1 三列布局

2015-11-14

词不达意__

回头看过来当时不理解的都很清晰了。这里最主要的是要理解脱离文档流的概念，不懂可以放一边，回头慢慢就会懂啦~~

0 4-1 三列布局

2015-11-14

首页上一页 154 155 156 157 158 159 160 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空