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

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

如何用CSS进行网页布局

全部评论问答未解决精华

这一节的正确答案是什么啊，我的left块位置不对啊，求大神帮帮！！

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

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

2016-08-11

风风无

.main{ width:98%; height:600px; margin:0 auto}
.left{ width:40%; height:600px; background:#ccc; float:left;}/*左浮动样式*/
.right{ width:55%; height:600px; background:#FCC; float:right;}/*右浮动样式*/
宽度改成百分比结果和效果图一样。。

2 3-3 编程练习

2016-08-11

天蝎射手座的cc

.top{height:50px;width:960px;background:#ccc;margin:0px;}
.main{height:600px;width:960px;background:red;}
.left{ height:600px;width:200px;background:blue;float:left}
.right{height:600px;width:750px;background:green;float:right}
.foot{height:20px;width:960px;background:yellow;}

0 5-3 编程挑战

2016-08-10

乔小朝

这样写也是可以的
.footer{ height:50px; background:#9F9;margin-top:600px;}
margin-top:600px 添加上外边距为600px

0 5-2 实践题

2016-08-10

为什么top与head设置的高度都是100，显示的大小却不一样？

最新回答 / 慕后端9132915

你把top<div>里的top文字去掉就好了，文字占一行

2 回答 520 浏览 5-1 混合布局

2016-08-10

margin:0px 310px 0px 210px;替换成 width:auto，可以么？

最赞回答 / 梨_7

不可以，因为auto是 margin：0 auto；左右水平居中的属性值夹杂在中间的部分用auto的页面宽度少的会遭到覆盖，不建议这么做

1 回答 386 浏览 4-3 编程练习

2016-08-10

关于width 设置px 或者%的问题

已采纳回答 / XuanKong

如果父元素是body，这个元素的高度一般都不会使用100%，这样会高度无限制的；也就是说滚轮滚不到底，除非父元素的高度被限制，这样的话即使设置100%，最多也就和父元素高度一样，前提不能有滚动条。个人理解，不一定对，仅供参考。

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

2016-08-09

学习的强度取决于静

可以的，这很慕课

1 4-1 三列布局

2016-08-09

qq_我亦久飘零_0

本课程最好有一个课程小节，让大家一目了然。

0 5-3 编程挑战

2016-08-09

不如怀念o

要求右侧（right）先加载，左侧（left）后加载。这个问题很好理解，html文档解析时自上而下解析，你只要在<body>中把（right）写在（left）上面就是符合要求了。

5 5-3 编程挑战

2016-08-09

不如怀念o

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

1 5-3 编程挑战

2016-08-09

请教一个问题，关于盒子套盒子的。

已采纳回答 / 慕粉3570552

position: absolute 的设置使left和right这两个DIV脱离了标准文档流，此时父元素main如果不设置定位，就以<html>为偏移参考基准。父元素设置定位，那么就会以父元素作为偏移参照基准解决方法：父元素设置相对定位.main{ width:800px; height:800px; background:#F00; margin:0 auto; position:relative;}

1 回答 642 浏览 5-1 混合布局

2016-08-09