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

网页布局基础

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

最新回答 / 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
有啊,我们这不是都能看见注意,考虑浏览器兼容问题吆,用其它浏览器试一试。

最赞回答 / Acelit
你虽然设置了width:100%;但是mainbody的高度没有设置,完全是自适应的,子级块元素设置float后更能会撑破mainbody,导致mainbody无法正常显示,使用overflow:hidden;相当于一把剪刀,将包含子级块元素之外的部分剪裁掉,使mainbody的高度取到子元素高度的最大值。补充一句:如果你提前就设置了mainbody的高度,就不会出现子级块元素带来的影响了。但是,一般不会这样做,因为mainbody里面的内容不知道有多少,还是自适应比较合适。

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

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消