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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / 酒足饭饱勾二嫂
.是类的标识,#是id选择器标识,朋友,前面学过的东西多多复习下,希望你学习更上一层楼

最新回答 / qq_无朋孤_0
是的,可你一定要知道两着的关系才可以确定margin的值。

最新回答 / 风花雪月不念秋
使用绝对定位就会使元素脱离文档流,所谓标准文档流,就是指块级或行级元素都有其各自特点,元素失去其特点就说明其脱离标准文档流了

最新回答 / c小罗
我知道怎么算了,谢谢。

最新回答 / ikonorion
是可以用,但没有效果而已。意思是0像素的顶部外边框距,是没有效果的。所以不需要写上这段代码。要达到“设置顶部与#mainbody顶部紧贴着”的效果,只需要:#mainbody{position:relative;}#content{position:absolute;top:0px;}就可以了。另:根据练习题要求“任务3. 请补充代码使#content与#sidebar之间的间距为20px”,你的代码应该是:margin-left:20px;而不是200px

最赞回答 / 慕少7532173
题主的意思很明确,既然是脱离普通文档流,也没有设置top/left,那么元素应该就在整个HTML的左上角啊?这是因为我们对absolute的属性认知不完全而造成的。absolute具有跟随性,当没有设置top/left等偏移值时,这个元素只是脱离了文档流,会对后面的元素产生影响,但它自身原来在什么位置,现在还是在什么位置。另外,absolute的属性实在太猛了,建议多了解下。比如absolute跟float一样具有包裹性,即由内容撑开宽高,absolute会使inline元素块状化;当同时设置absolu...

最新回答 / 慕移动8439618
把margin-left:710px;改成margin-left:10px;就可以了   按照你原先的写法 中间的间距有710PX 那么大

最新回答 / 玖零儛
可以另外将行距ine-height改为块的宽度,文字就在正中央了

最赞回答 / 玖零儛
left和right元素设置了浮动后,脱离李标准文档流,不占大小,父层mainbody没有被撑大(未设置固定宽高),没了大小就消失了

最新回答 / qq_惭愧惭愧_0
clear:both写在有决对定位的块中是没效果的 我试过了 可能是因为 有position:absolute的块也是脱离文档流的 所以三个都是脱离文档流的还是会 变成没内容 ,因此也就不占空间了,至于“这里#right块要是写了clear:both,为什么即使是写了position:absolute;top:0还是会排到#left之下呢?” 这个问题我能看下你写的样式吗 

最新回答 / 慕移动9181930
有啊,我们这不是都能看见注意,考虑浏览器兼容问题吆,用其它浏览器试一试。

最新回答 / zuse_six
你删除了就不浮动了 ,加clear 是为了 下面不跟着上面浮动,这样上面浮动就不影响我下面要做的事情

最新回答 / 我想做前端大牛
我看了视频,老师设置的padding是.content的,是整个大盒子的padding不是图片的。
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消