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

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

如何用CSS进行网页布局

全部评论问答未解决精华

lucasfen521

老师的老北京口音萌萌哒！

0 5-1 混合布局

2015-11-07

Tonyshang

老师讲的超棒！老师辛苦了!

0 5-1 混合布局

2015-11-05

晓健

margin:0 auto;垂直居中

0 2-1 一列布局

2015-11-03

baby_0009

.top{height:60px; background:#ddd; margin:auto;}
.main{height:600px;background:red;margin:0,auto;}
.left{position:absolute;width:200px;background:#0000cd;top:60px;left:0;height:600px;}
.right{position:relative;background:#98f898;left:210px;height:600px;}
.foot{ background:#f74; margin:0,auto;}

0 5-3 编程挑战

2015-11-02

wudewei10

讲得很详细，真好

0 5-1 混合布局

2015-11-02

冷雨夜2015

用到最多的是混合布局

0 1-1 内容简介

2015-11-01

慕前端5138329

................

0 1-1 内容简介

2015-11-01

慕前端5138329

元素不浮动的话，那么这个外层的高是会自动被撑开的。但是当内层元素浮动后，就出现了一下影响：

（1）：背景不能显示（2）：边框不能撑开（3）：margin 设置值不能正确显示

2 5-2 实践题

2015-11-01

慕前端5138329

三列布局：不能使用float，左右两列绝对定位，分别靠左和靠右，中间列为相对定位，左右margin分别设置为左右两列的宽度即可，如果列与列之间需要间隔，则增加相应的margin值。

0 4-1 三列布局

2015-11-01

吕小布boy

clear:both; //清除两边元素的浮动对他的影响

overflow: hidden; // 用在浮动元素本身清除对父元素的影响

3 5-2 实践题

2015-10-31

莣優愺

清除浮动有两种方法：1.clear:both 2.overflow:hidden

1 5-2 实践题

2015-10-31

o学者o

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

0 5-3 编程挑战

2015-10-31

qq_游戏人生_6

不错，很详细

0 5-1 混合布局

2015-10-30

慕妹9018511

中间的中文字换成英文字就不行了

0 4-1 三列布局

2015-10-30

qq_游戏人生_6

讲的非常好，不错

0 3-1 二列布局

2015-10-30

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

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局