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

网页布局基础

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

已采纳回答 / 慕粉3759934
margin负值是反方向移动.我把这里的margin拆分了,你看的清除点margin-top: -150px;   这里的意思是,元素向上移动150px,为什么是150px .因为150px是高度300px的一半,同样的道理margin-left:-250px    元素向左移动宽度的一半left:50%和top:50%只是把元素的左上角原点居中了,并不是整个元素居中,要想让元素居中,就要把元素向左边拉回来一半的宽度,和向上拉一半的高度

已采纳回答 / 对代码有洁癖
只设置right的position为absolute,不设置偏移的时候,默认在原来的标准文档流位置,当设置了top属性后,此时的top属性是参照祖先容器,也就是html标签。

已采纳回答 / 猿教授
 编辑问题,修改内容为空;再修改标题就ok了……删除不了暂时。望采纳!

已采纳回答 / _西口褡裢_
width&overflow:hidden;

已采纳回答 / 原罪.
其实是脱离文档流了, 讲错了。我也查了

已采纳回答 / 慕少7532173
主要是给a加上左右的margin,上下margin在内联元素中是无效的

已采纳回答 / 慕粉4437775
内联元素具有盒子模型的属性:border、padding、margin

已采纳回答 / Deadkidd
不是的,他们两个是相互独立的css标签,没有任何包含关系。只不过练习中<div class="content book">使用了.content和.book两种css的设置。当你改变.content的css属性,所用使用了content设置的标签都会改变。

已采纳回答 / ValarRay
width:100%是相对于父元素的,没有说一定要设置width:100%,overflow:hidden 的意思是超出的部分要裁切隐藏掉.overflow:hidden是为了帮助父元素清除浮动的影响,关于overflow:hidden的          第一种理解: float 的元素不占普通流位置,普通流的包含块要根据内容高度裁切隐藏,如果高度是默认值auto,那么不计算其内浮动元素高度就裁切,就有可能会裁掉float。所以如果没有明确设定容器高情况下,它要计算内容全部高度才能确定在什么位置hidd...

已采纳回答 / 独酌山外小楼
会的,因为他的父包括层设置了相对定位。而margin以它的父包括层为参照

已采纳回答 / 慕粉1461951943
content是以mainbody进行绝对定位的,content位置改变后被siderbar的内容遮挡住了,所,在设置margin-left时,可以直接设置为200px,也就是200px=20px(margin-left)+180px(siderbar的宽度)。其实也可以这样设置在content的样式中这样写:.content{position:absolute; top:0;left:200px;}

已采纳回答 / sejeze
overflow :hidden; 含义是超出就隐藏;可以理解为, 达不到设置的宽度后就会自动隐藏

已采纳回答 / 和木雪3217235
每个浏览器都有默认的边距,我们在写代码的时候都要把这个默认的规则去掉。你可以网上搜一下。下次写的时候,可以专门写一个css来去除样式。下次的时候引入就可以了。

已采纳回答 / 吖改
倒数第二个div是content类啊,只不过它是复合类。
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消