为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 如何用CSS进行网页布局 问答

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华

图片效果呈现出来了，可是右侧right比左侧left先加载是什么意思？该怎么修改啊？

最新回答 / 凌丶星护
右侧比左侧先加载就是指右侧的代码要写在左侧的前面
1 回答 1271 浏览 5-3 编程挑战
2018-07-31

老师 中间在设置的宽度随页面变化的这块代码 显示出来的与页面顶端有一段间距 但是代码里写了margin:0 300px 0 200px 不知道是什么问题 ​

最新回答 / 成遗憾
首先，你的清除默认样式写错了，“padding:0;”你写成了字母o,应该是数字0.第二，浮动和绝对定位不能同时使用，要么float，要么position。第三，你的“float:left”右边少了封号“；”
3 回答 974 浏览 4-1 三列布局
2018-07-28

效果出现问题，是代码出现错误了吗

最赞回答 / 慕尼黑7219768
你中间main的margin设的是0  600px  0  200px   而你右边的宽是300px；你把600改成300就可以了margin的四个数分别代表上右下左
1 回答 1038 浏览 4-3 编程练习
2018-07-20

我不确定自己是否做到了题目的要求，还有一些问题

最新回答 / 所念隔远乡
我和你一样，用绝对定位的，不知道用浮动怎么弄。另外，right先加载的意思就是right块在left块前面
4 回答 1025 浏览 5-3 编程挑战
2018-07-20

宽度自适应

最新回答 / 慕函数4904647
width:100%和width都是自适应，前者相对于父元素，后者相对于内部填充的元素，如盒子内部的文字,你可以为right盒子加右边距，在使left绝对定位在main的右上角，可以实现图片的效果。
1 回答 1122 浏览 5-3 编程挑战
2018-07-17

关于右边先加载的问题

最新回答 / 慕函数4904647
你网速快呗，加载的内容也很小，你感觉不出来，网页代码加载都是从上到下的
1 回答 971 浏览 5-3 编程挑战
2018-07-17

大神相助！！！！

最新回答 / 镔铁脑壳
其实写五个section，每个里面都用float:left就行了。。。
1 回答 745 浏览 4-1 三列布局
2018-07-16

为什么这里不能使用text-align进行居中

最新回答 / 耿直的杨耿直
text-align用于行内元素以及inline-block元素的水平方向居中
3 回答 1518 浏览 2-3 编程练习
2018-07-15

正确答案。

最新回答 / 慕移动9181930
在这里“//每执行一次将数值加2，以进行下次循环条件判断}”你把大括号给注释掉了兄弟，你是记笔记，还是问问题
2 回答 1653 浏览 5-3 编程挑战
2018-07-12

为什么left的样式一直不显示

最新回答 / Muture丶
left宽度后面封号用的中文
1 回答 1026 浏览 4-1 三列布局
2018-07-11

关于float和position，还有代码怎么兼容ie6

最新回答 / 青城_82
现在没有哪个公司开发会兼容ie6了
2 回答 1219 浏览 5-3 编程挑战
2018-07-05

这是什么原因？

最新回答 / qq_风格十分_0
...... 是我忘打“/”了.
2 回答 1069 浏览 2-1 一列布局
2018-06-15

如何兼容IE6

最新回答 / Matt_Wong
不是很清楚，您能讲的具体些吗
2 回答 775 浏览 5-3 编程挑战
2018-06-12

我这个为什么运行出来没结果

最新回答 / qq_september_10
找到问题了 .main那儿
1 回答 926 浏览 2-1 一列布局
2018-06-07

为什么我的left跑到下面去了？求大神指教

最赞回答 / 酒窝MM
body 里面你的div顺序是先right 后left，right没有浮动自占一行，然后下面再排left。
2 回答 1281 浏览 5-3 编程挑战
2018-06-07
首页上一页2345678下一页尾页
该课程已下架
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么？
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码，参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消