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

如何用CSS进行网页布局

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

最赞回答 / 上帝作证我是个好人
嗯嗯,我试了,不过有个小小的问题,如果right层宽度自适应,里文字特别多的时候,就会钻到left层底下,如果在不改变它宽度自适应属性的前提下,怎末解决这个问题???

已采纳回答 / qq_离殇莹火虫_0
是不是因为你在body前面加了.,所以body后面的都没用了。把.删了看看

最新回答 / 慕移动9181930
你需要一个查找下一个节点元素的函数你好,在课程源代码中可以下载到

已采纳回答 / 脑袋空空空想家
有可能是在这里屏幕不够宽的问题,建议拷到本地软件中测试,我的在网页上和你一样,放到webstorm中测试是能得到效果的

最赞回答 / 游离态L
我记得那个初始代码中多了一个 },所以代码产生了问题,删掉之后就可以了,你那个清楚浮动没错的,top:0是为了让那两个div出现在左上角和右上角   如果改为top:100px; 那么就会有100px的距离出现

最赞回答 / sherlockone
你注意二列布局后面的选择题没有 ?  什么选择能脱离文档流。。。 在这题有了使用的答案。左 和 右  都是绝对定位!   绝对定位脱离了文档流 。  也就是说   中间的 DIV 确实是块级元素,。而且它确实是独占一行。     因为左右都不存在于文档流中。。

已采纳回答 / 小蚂蚱99919
浮动,会影响你往下的文本内容跟着一起浮动,影响美观和布局.清除浮动便于文档结构整理和改变.

已采纳回答 / 慕村9322638
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。而top head里的元素属于行内元素不占据外边距,而main里面是列元素要占据600px,所以footer的上边距=head-height:0px+main-height:600px

最新回答 / 巴斯光年999
谢谢啦,可是我有时候更改了css里的内容,为什么显示出来的没有变化呢

最赞回答 / kerse
.left{ width:200px; height:600px;  position:absolute;left:0; top:0;background:#ccc;}.main{ height:600px; margin:0px 310px 0px 210px; background:#9CF;}.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}

最赞回答 / __没有人
没有滚动条(即使加上overflow),不设置margin-left就有部分重叠,因为右侧默认与父容器等宽,换句话说,如果有滚动条,左侧你拉动的距离就是右侧盒子与父容器的宽差,就不满足等宽了

最赞回答 / hqi
可能是你的left和right没有设置绝对定位。

已采纳回答 / HEternally
第一,这个代码应该写在那个任务一里面,但是你要这样写也可以,你在那两个背景颜色后面要加上分号
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消