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

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

如何用CSS进行网页布局

全部评论问答未解决精华

qq_穷人_0

专程装虚拟机IE6试了试，果然没成功，求各位大佬把我当个P给放过去吧つ﹏⊂

0 5-3 编程挑战

2017-06-02

qq_穷人_0

这才对?
.top{width:100%;height:100px;background:gray;}
.main{height:400px;background:red;}
.left{float:left;width:200px;height:400px;background:blue;}
.right{float:right;position:absolute;left:210px;right:0px;height:400px;background:#9c9;}
.foot{width:100%;background:#f63;}

0 5-3 编程挑战

2017-06-02

qq_穷人_0

什么鬼？写的评论不能改不能删？刚才的内容有误，请大佬无视

0 5-3 编程挑战

2017-06-02

qq_穷人_0

把绝对定位加在了右边也能用，但是兼容IE6是什么？

.top{width:100%;height:100px;background:gray;}
.main{height:500px;background:red;}
.left{float:left;width:200px;height:500px;background:blue;}
.right{float:right;position:absolute;left:210px;height:500px;width:100%;background:#9c9;}
.foot{width:100%;background:#f63;}

0 5-3 编程挑战

2017-06-02

qq_穷人_0

楼上那些各种不执行不成功错位的同志们，你们忘了网页上还有个“全屏”按钮么……

2 4-3 编程练习

2017-06-02

qq_穷人_0

我……直接把width:960px;改成width:50%;了，这么做会不会有人要打我#(滑稽)

1 2-3 编程练习

2017-06-02

Hikiwm无名

还行，加强学习

2017-05-30

超人93

.left{ width:300px; height:600px; background:#ccc; float：left; position:absolute;}/*左浮动样式*/
.right{ width:660px; height:600px; background:#FCC; float: right;}/*右浮动样式*/

我不加 position:absolute; 实习不了效果，为啥啊？

1 3-3 编程练习

2017-05-26

叶落有时

感觉不懂的地方差不多都懂了

2017-05-20

Glunefish

我刚始学的时候看就好了，现在看没感觉。

2 5-1 混合布局

2017-05-20

西瓜皮奥4172926

感觉通俗易懂啊

1 5-1 混合布局

2017-05-19

zeroben

左侧宽度200px，右侧自适应，这里左侧使用了position：absolute;top:0;left:0;
但只设置.left的position并不行,absolute是相对父元素进行定位，并且这个父元素必须设置了position，
这里使用了relative，相对于原文档流位置，由于未设置top、left、right、bottom所以依然是原位，
.left设置好了之后.right就容易搞定了，width直接默认就可以了，同时设置margin-left:210px;
至于要求右侧先加载，表示求教。

2 5-3 编程挑战

2017-05-18

zeroben

.top{height:200px;background:#ccc;}
.main{height:600px;background:red;position:relative;}
.left{ height:600px;width:200px;position:absolute;top:0;left:0;background:blue;}
.right{height:600px;background:green;margin-left:210px;}
.foot{height:100px;background:#f60;}

0 5-3 编程挑战

2017-05-18

zeroben

通过设置
.main{ overflow:hidden; }
也可以清除浮动。

1 5-2 实践题

2017-05-18

慕粉1425213344

失败的重置再打一次，我发现这个老抽疯不执行。。。

0 4-3 编程练习

2017-05-17

首页上一页 18 19 20 21 22 23 24 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局