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

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

如何用CSS进行网页布局

全部评论问答未解决精华

慕莱坞4372570

margin:0px auto;过不了？

1 2-3 编程练习

2018-01-07

慕桂英2587440

.top{width:100%;height:100px;background:grey;}
.main{height:300px;width:100%;background:red;}
.left{width:200px;background:blue;height:300px;position:absolute;top:100px;}
.right{height:300px;margin-left:210px;background:green;width:100%;}
.foot{width:100%;height:100px;background:orange;}

0 5-3 编程挑战

2018-01-05

qq_落暮_2

margin左右的距离必须大于left和right的宽度，否则会发生重叠，文本就会被遮挡

0 4-3 编程练习

2018-01-02

剑飞燕舞

.footer{width:960px;height:50px; background:#9F9; clear:both;}
最后的这步加上宽度width:960px; 清除浮动：clear:both;

0 5-2 实践题

2018-01-02

清飞羽

.top{background:gray;
height:150px;
}
.main{background:red;
height:700px;
}
.left{
position:absolute;
top:150px;
left:0px;
background:blue;
height:700px;
width:200px;
}
.right{background:green;
height:700px;
margin-left:210px;
}
.foot{background:orange;
h

0 5-3 编程挑战

2017-12-31

dyechen

右侧先加载就是把.right写在.left前面

1 5-3 编程挑战

2017-12-30

Zz皓

其实关于三列布局（两边固定，中间自适应），想说：浮动可以的好吧，绝对定位也行啊，flex布局杠杠的，表格布局轻轻松松，网格布局还不学吗

0 4-1 三列布局

2017-12-29

慕容2097504

.top{background:gray;width:100%;height:200px;}
.main{background:red;height:600px;}
.left{height:600px;float:left;width:30%;background:blue;}
.right{float:right;background:green;height:600px;width:65%;}
.foot{background:orange;clear:both;}

1 5-3 编程挑战

2017-12-26