为了账号安全,请及时绑定邮箱和手机立即绑定

如何用CSS进行网页布局

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

已采纳回答 / 哈尼露易丝
这里屏幕太小,看不出来,把代码拷贝出去,用浏览器打开看下就有了

最新回答 / 慕粉18640428952
因为增加的10px是相对于浏览器的两边的距离

已采纳回答 / 用十倍苦心
.top里边 background 单词字母打错了.main里边 height: 后边跟的是300px 不是 3oopx阿.数字和字母怎么会打错呢- -.

已采纳回答 / 哈尼露易丝
是的,你答对了

已采纳回答 / 哈尼露易丝
UI即User Interface(用户界面)的简称。泛指用户的操作界面,UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。UI还有其它的意义,如Unit Interval,Univ of Iowa,Unlock Instruction,Urgent Interrupt。简单理解就是用户界面

已采纳回答 / 19931019a
margin不对  left 和 right的div 的position 是绝对的 不属于文档流, 然后  main 就是从body边界开始,那么想要文字不被左右模块挡住,就要对margin如下设置: margin:0 310px 0 210px; 。 (上右下左顺时针) 310 > 300, 210 > 200  所以就能显示全部文字

最新回答 / 十年wf
两种方法 : 第一种是 给main设置高度,让foot知道main的高度是多少它也就能贴合到main下面了,第二种就是  设置margin-top:600px 

已采纳回答 / weibo_哆啦A梦有大口袋_0
body{ margin:0; padding:0; font-size:30px; color:#fff}.top{height:100px;background:#CCCCCC;}.main{height:500px;background:red;position:relative;}.left{width:200px;height:500px;background:#0000FE;position:absolute;top:0;left:0;}.right{height:500px;backgrou...

已采纳回答 / 慕粉3406233
position: absolute是决定位置,top:0 表示距离顶边为零,如果不写顶部位置就会默认排列,就会与上个元素的底边相连

已采纳回答 / 慕妹1773511
白色部分是margin,你是没有设置margin的属性吧

最新回答 / 一个人的寂静时光
自适应的话一般宽度都是不需要设置的,有什么具体问题你可以写下代码,大家帮你查看看哪里出现问题了。

最新回答 / 孩纸╭别伤xin、了
可能你还想问,那只要有一个position:absolute就可以了,剩下来的就直接left:0;right:0就可以了。但是电脑没有人脑好使,它们要一步步来,要先发出“是否要在固定的位置?”如果要,再发出“在哪个位置?”
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消