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

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

如何用CSS进行网页布局

全部评论问答未解决精华

请大神进来指点

最赞回答 / surprisingL

这段代码你并没有实现任务要求，任务要求的是右边的div的宽是自适应的，我研究了一下你的代码，我觉得应该是你把left和right的位置弄反了所以才不需要清除浮动，如果不是弄反，布局还是乱的...

2 回答 1381 浏览 5-3 编程挑战

2017-06-08

我设定的main有什么问题啊怎么和效果图不一样

已采纳回答 / qq_微笑悲伤_0

你设置的margin距离左右的大小没有左右设置的宽度大,margin要设置为0 160px 0 110px;

1 回答 1284 浏览 4-3 编程练习

2017-06-07

慕斯4282661

干嘛要一段一段居中麻烦啊

0 2-1 一列布局

2017-06-06

这人不懒_学习刻苦

.top{width:100%;height:100px;background:#ccc;}
.main{width:100%;height:500px;background:red;}
.left{width:200px;height:500px;background:blue;position:absolute;left:0;top:100px;}
.right{margin-left:210px;height:500px;background:#3f6;left:0;top:100;}
.foot{width:100%;height:70px;background:#F60;}

0 5-3 编程挑战

2017-06-05

这人不懒_学习刻苦

好简单，只要跟着学习步骤走完全能听明白！给自己掌声鼓励！

0 5-2 实践题

2017-06-05

这人不懒_学习刻苦

②、想按题目做的
.left{ width:300px; height:600px; background:#ccc;float:left;}/*左浮动样式*/
.right{ width:660px; height:600px; background:#fcc;float:right}/*右浮动样式*/

0 3-3 编程练习

2017-06-05

这人不懒_学习刻苦

①、想做成题目效果如示：
.left{ width:300px; height:600px; background:#ccc;float:left;}/*左浮动样式*/
.right{ width:660px; height:600px; background:#fcc;float:right;position:relative;left:30px;}/*右浮动样式*/

1 3-3 编程练习

2017-06-05

这人不懒_学习刻苦

声音太小了。。

8 1-1 内容简介

2017-06-05

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

首页上一页 29 30 31 32 33 34 35 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空