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

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

如何用CSS进行网页布局

全部评论问答未解决精华

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

筱余

三栏布局：左右宽度固定，中间自适应宽度------左右相对定位（跳出布局流），中间自适应不定位设置margin值（外边距为左右宽度，若要留间距可适当增加左右外边距）；

1 4-1 三列布局

2015-11-12

_Again_

答案坑爹，自己都不对

0 5-3 编程挑战

2015-11-12

_Again_

.top{background-color:#ccc;height:50px;}
.main{background-color:red;margin:0 auto;position:relative;}
.left{position:absolute;top:0px; background-color:blue;width:200px;}
.right{ background-color:#9d9;margin-left:210px;}
.foot{background-color:#F63;clear:both;}
我认为这样才是正确，@卢雨曦的width:100%看上去正确。实际上可拖动

1 5-3 编程挑战

2015-11-12

小HTML

老师讲课风格我喜欢赞赞赞！！！！！！

0 5-1 混合布局

2015-11-11

王玎

老师讲的太好了，清晰明了

0 5-2 实践题

2015-11-11

卡米

老师讲的真好，好想把这些视频收藏起来！

0 1-1 内容简介

2015-11-10

卢雨曦

.top{background-color:#ccc;height:100px;}
.main{background-color:red;height:600px;margin:0 auto;}
.left{ background-color:blue;height:600px;width:200px;}
.right{background-color:#9d9;height:600px;position:absolute;left:210px;width:100%;}
.foot{background-color:#F63;height:50px;}

0 5-3 编程挑战

2015-11-09

qq_保加利亚的红玫瑰_0

清除元素：1.clear:both;2.overflow:hidden

0 5-2 实践题

2015-11-09

qq_保加利亚的红玫瑰_0

子div昂，，，昂

0 5-1 混合布局

2015-11-09

qq_小柯_1

喜欢老师的讲课方式

0 5-1 混合布局

2015-11-08

VilleValo

加载顺序的话，我想，原来的代码就已经体现出来了：
<div class="right">right</div>
<div class="left">left</div>
先右后左

2 5-3 编程挑战

2015-11-08

VilleValo

.top{width:100%;height:100px;background:#ccc}
.main{width:100%;height:600px;background:red;position:relative}
.left{width:200px;height:600px;background:blue;float:left}
.right{height:600px;background:#9d9;position:absolute;right:0;top:0;left:220px}
.foot{width:100%;height:80px;background:#F63}

1 5-3 编程挑战

2015-11-08

VilleValo

浮动是跟随的。

0 5-1 混合布局

2015-11-08

首页上一页 102 103 104 105 106 107 108 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局