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

如何用CSS进行网页布局

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

已采纳回答 / 慕沐9651679
你的right部分  position:absolute  只有设置了top:0,未定义left 和right,则默认值为auto。如果left或right的值为auto,则元素的顶端或者左边(从左往右读)要相对于其未定位前本来的顶端或左边对齐。

已采纳回答 / 慕勒6241362
看看这个有没有帮助http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html

已采纳回答 / 慕尼黑6530071
clear:both对于父包含没有效果,只适用于紧邻后面的元素

最赞回答 / stone310
这里加是为了让内部的文字居中,跟div没关系,text-align:center无法作用到块状元素

最新回答 / stone310
绝对定位就是可以按照你的定义到处乱跑,可以互相重叠,父元素塌陷不可清除;浮动就统一往左或往右,并排靠,不重叠,父元素塌陷可以清除

已采纳回答 / 慕虎9205161
首先,答案有很多种,很简洁的如下.top{height:100px;background:#ccc;}.main{height:500px;background:red;}.left{width:30%;height:500px;background:blue;float:left;}.right{width:65%;height:500px;background:green;float:right;}.foot{height:100px;background:yellow;}width:100%;这玩意...

已采纳回答 / 苦瓜ts
规定要要求右侧(right)先加载,左侧(left)后加载,所以想用float可以改动html结构。left设置往左浮动(width规定为200px);right不用浮动,margin-left设置大于200px,这样就做到类似布局。具体代码如下:<...code...>思路有点像三栏布局中的那种特殊布局。用margin来限制容器边界,达到宽度自适应的目的。

最新回答 / 给我一杯咖啡
当两个元素都浮动的时候才可以脱离标准文档流并排显示。

已采纳回答 / 给我一杯咖啡
body为主体内容,当然也算一个大的div,您将body设置一个固定的宽margin:0 auto;就可以让它居中辣

最新回答 / 人非草木
你的代码肯定有一些问题,需要发上来看看,absolute绝对定位是相对于最近的一个具有定位属性的父包含块进行定位,如果没有这样的父包含块,则相对于浏览器窗口。。你说的给要给父元素设置相对定位,那叫参照定位吧

最新回答 / qq_微微_4
main left middle  right 类都有改动的地方  看看能理解吗

最新回答 / 慕粉4309759
我也是这个问题...nibafoot加上margin-top:400px就显示了,因为他在top底部被main覆盖了.....但是我也不明白为什么要加上margin-top:400px,我觉得这个margin应该是foot与main盒子间的边距..应该是零才对啊。但是事实就是这个margin是与top的间距我也不懂咋回事
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消