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

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

如何用CSS进行网页布局

全部评论问答未解决精华

慕前端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

qq_游戏人生_6

还行
，可以，
不错

0 2-3 编程练习

2015-10-30

幽谷虫鸣

声音太小了，全部开满才能勉强听到

0 1-1 内容简介

2015-10-30

二列布局浮动

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

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

2015-10-29

显示效果问题

已采纳回答 / 慕郎_莲华

连续写默认是一个单词了默认不换行加上 word-break: breal-all; word-wrap: break-wrod; 就自动换行了

1 回答 613 浏览 4-1 三列布局

2015-10-29

阿不思

.top{width:100%;background:#ccc;}
.main{position:relative;width:100%;height:300px;}
.left{ width:200px;position:absolute;left:0;top:0;background:blue;height:300px;}
.right{margin-left:200px;background:green;height:300px;}
.foot{width:100%;background:orange;}

0 5-3 编程挑战

2015-10-29

阿不思

.top{width:100%;background:#ccc;}
.main{position:relative;width:100%;height:300px;}
.left{ width:200px;position:absolute;left:0;background:blue;height:300px;}
.right{width:100%;position:absolute;left:200px;right:0;background:green;height:300px;}
.foot{width:100%;background:orange;}

0 5-3 编程挑战

2015-10-29