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

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

如何用CSS进行网页布局

全部评论问答未解决精华

慕用2931164

三列布局还有更方便的。中间用超出隐藏这种流动布局来做，也很不错。老师完全可以提一下。

0 4-1 三列布局

2015-12-30

div布局.在谷歌和IE浏览器显示的是我想要的结果，但在360浏览器和editplus都显示不出来margin:0 auto的效果，,是没有清除浮动还是浏览器的过（可是我想在360浏览器中显示），如何让它兼容还是写在外部样式表皆可以了？

最新回答 / 产品经理不是经理

editplus那个自带的那个浏览器不支持吧，360不是ie内核吗？

1 回答 1431 浏览 3-1 二列布局

2015-12-29

慕设计7793120

.top{height:100; background:#ccc}
.main{width:1000px;height:300px;background:red;margin:0 auto;}
.left{ width:200px;height:300px;background:blue;float:left;}
.right{width:780px; height:300px; background:#FCC; float:right;}
.foot{height:100; background:orange;clear:both;}

0 5-3 编程挑战

2015-12-29

不羁风

.main,.footer{ width:960px;margin:0 auto;}
960px;margin
margin之前多了个空格就不给通过

1 2-3 编程练习

2015-12-29

江笑爬

成功了，让编程来的更猛烈些吧。下一节

0 5-2 实践题

2015-12-27

江笑爬

.left{ width:200px;
height:600px;
background:#ccc;
left:0;
top:0;
position: absolute;
}
.main{ height:600px; background:#9CF; margin: 0 310px 0 210px;}
.right{
height:600px;
width:300px;
position:absolute;
top:0;
right: 0;;
background:#FCC;
}

0 4-3 编程练习

2015-12-27

江笑爬

ound:#FCC;
}

0 4-3 编程练习

2015-12-27

筱小鹏仔

.top{height:100px; background:#ccc}
.main{height:500px; background:red; position:relative;}
.left{position:absolute;left:0;top:0; width:200px; height:500px; background:blue; }
.right{margin-left:210px;height:500px; background:#9C9;}
.foot{height:50px; background:#F63}
还是要多练

0 5-3 编程挑战

2015-12-26

为什么在.right里面设置position:absolute;不能达到效果，换成position:relative就可以了

已采纳回答 / 迷途的马尔斯

你好好想想你.right相对移动是相对谁来移动？是不是应该相对老爸（.main）来相对定位？如果你设置absolute就脱离文本流了，就不是相对.main来定位了，是相对浏览器窗口来定位了

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

2015-12-26

Evonne920

.top{height:200px;background:#ccc;}
.main{height:300px;background:red;margin:0 auto;}
.left{ width:200px;height:300px;left:0px;top:200px;background:blue;position:absolute;}
.right{width:80%;height:300px;margin:0 0 0 210px;position:absolute;background:green;}
.foot{height:200px;background:orange;}

0 5-3 编程挑战

2015-12-26

zy惜吾惜尔

position:absolute;绝对定位

0 3-2 评测题目

2015-12-26

zy惜吾惜尔

margin:0 auto;

0 2-3 编程练习

2015-12-26

zy惜吾惜尔

嗯，，混合布局

0 1-1 内容简介

2015-12-26

galesok_安静

将left和right的顺序换一下，就不用加position:absolute来定位left了，但是要求先加载right，那么就只能用position:absolute来定位
.main{height:600px;magin:0 auto;background:#F00}
.left{ width:200px;height:600px;background:#00C;position:absolute;top:50px}
.right{margin-left:210px;height:600px;background:#3F9;}

2 5-3 编程挑战

2015-12-23

iMboya

淘宝是自适应宽度的？

0 1-1 内容简介

2015-12-23

honeyjie

.top{height:200px;background-color:blue;top:0;left:0;}
.main{height:600px;background-color:red;}
.left{width:200px;height:600px;float:left;background-color:yellow;}
.right{width:400px;height:600px;float:right;background-color:green;}
.foot{height:150px;background-color:#567;margin:0 auto;}

0 5-3 编程挑战

2015-12-22

首页上一页 148 149 150 151 152 153 154 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空