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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
老师编码的时候,CSS部分很多花括号最后一个CSS样式都没有加分号结尾。
main是960px,left是300px,right是660px,left+right刚好等于main的宽度效果图怎么会有间距?
长宽我都用的百分比,但是不晓得示例中文字和边框有没有距离,我的是始终有距离。
前端工程师 是 将技术 视觉 功能等方面结合的一个综合岗位

已采纳回答 / Perona
margin:0和padding:0这个是取消内外边距的,各个浏览器的默认边距不一样,这样可以避免一些浏览器差异。目前没有其他方法。当然也可以用*通配符把所有标签元素重置一遍,如:*{margin:0;padding:0px;}但是不推荐,因为会把所有的标签元素都给重置一遍,影响性能。需要用哪个就重置哪个吧,这个了解一下即可。
声音太小了!!!!!!!!
margin:0 atuo;
在冒号和 0 之间加了个空格就通不过验证,删除才行。
清除浮动我只知道这个:clear:both;~第二种还要学习~感谢~
.top{height:100px;background:#ccc;}
.main{background:red;}
.left{width:200px;height:500px;background:blue;position:absolute;left:0;top:100px;}
.right{margin-left:210px;background:#9c9;height:500px;}
.foot{height:50px;background:#F63}

已采纳回答 / 慕奶姨
<...code...>我写的是全屏的!

最新回答 / 慕奶姨
你都不写清楚是那里错了!能否描述清楚一点?
文档流:元素按照其在 HTML 中的位置顺序决定排布的过程,主要的形式是自上而下,一行接一行,每一行从左至右。

不脱离文档流就只有三种情况:块级、行内和相对定位。
文档流:元素按照其在 HTML 中的位置顺序决定排布的过程,主要的形式是自上而下,一行接一行,每一行从左至右。
不脱离文档流就只有三种情况:块级、行内和相对定位。
.left{ height:600px; width:200px; background:#ccc; position:absolute; left:0; top:0}
.main{height:600px;margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消