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

如何用CSS进行网页布局

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

已采纳回答 / 啊不
绝对定位的块其实是浮起来的吧,相当于没有占实际的位置,所以它的下一行left的div还是排在top的下一行也就是视觉上right所在的行(你把left的width变大,就能看到它被right遮住了,也能说明right是浮起来的)。然后left的块没有设置浮动单占一行,所以下面的footer就排到下一行了,我是这么理解的,,不知道说清楚没。。

已采纳回答 / 得失俱亡
一里面的position 打错了

已采纳回答 / 和你说了3439929
<style>没有封口    你在</head>上面加上</style>就好了

已采纳回答 / 轻合琴箫
div是块状元素,它会很霸道的占一行,从代码可以看出啊,整个的main内容块没有指定高度的,只有它的子内容块指定了高度,但是它的子内容块是浮动的,所以子内容块的高度不能影响成为main的高度,那么浏览器就默认了把footer的div显示在top的下一行,这个时候添加clear:both清除了上面模块的浮动特性,那么此时main的高度就是和子内容块的高度是一样的,因此浏览器就会把footer的div显示在main的下一行;   你可以尝试把clear:both语句清除,然后定义如下的样式 .main{hei...

已采纳回答 / WTANG
main的宽度要等于左右宽度之和

已采纳回答 / qq_______断_0
我觉得浮动稍微好一点  相对绝对容易乱  不过只要能布局布得好  结构稳定的话   我觉得还是相对绝对方便一点

已采纳回答 / IT僧
避免重叠

已采纳回答 / 鲈先森
表示距离父元素左为0和上为0.就是定位在左上角。http://zh.learnlayout.com/position.html  你可以看看这个教程  

已采纳回答 / 慕婉清3660285
position:absolute;的top,left等属性使用是相对于这个定义最近一个要有定位属性的父级元素,如果不存在这样的父级则作用于body元素,也就是浏览窗口。

已采纳回答 / qq_啊biu_0
就是把这个标签归类到 main这一类里  建立联系

已采纳回答 / qq_剪心儿_03201254
默认设置,一长串英文字符(中间没空格)不会自动换行,比 如:abcdefgdfghjklzasddfghjklzxcvbnmkloiuytr不能处理自动换行,而汉字字符却可以自动换行。原因 是:英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。

已采纳回答 / weibo_永不垮掉的Kerou_0
楼主代码共有两处错误:.right{ width:300px; height:600px;position:absolute; right 0;top:0;background:#FCC},其中,right  0,中间漏掉了一个冒号,修改为right:0(注意为英文冒号),应为:.right{ width:300px; height:600px;position:absolute; right:0;top:0;background:#FCC}.main{ height:600px;margin:0 210...

已采纳回答 / qq_孤独患者_13
相同:设置后,对应的模块都会脱离文档流不同点:position相应的块级元素会覆盖下面的内容(文字,),而float只会覆盖块级元素,里面的文字会脱离出来

已采纳回答 / qq_空_60
“网页简单布局之结构与表现原则”里面 2-1 微博用户发言信息列表制作,比较一下案例的三种方法。
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消