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

网页布局基础

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

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

已采纳回答 / 雷总1992
width:100%;自适应父块的宽度。比如父块宽度为200px;子块设定width:100%;则子块宽度也为200px;

已采纳回答 / qq_small雪_0
第三层。盒子模型的立体图片,第一层到第五层依次为:border、content+padding、backgroung-image、background-color、margin。

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

已采纳回答 / qq_惭愧惭愧_0
#right 里面差个 top:0px;

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

已采纳回答 / 长颈鹿在附近
有效果的,如果删掉这句,当你把鼠标移到CSS上时,CSS下面的那条短线会变粗

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

最新回答 / 我想做前端大牛
我看了视频,老师设置的padding是.content的,是整个大盒子的padding不是图片的。

已采纳回答 / 木纳
这两种都可以。外部引入便于集中管理样式。也利于其他网页共用CSS样式。而这位老师用<style ></style>将CSS样式嵌入在当前HTML文件中,是为了我们听课时对比效果。

最新回答 / 深度高阶
text-align:center这是水平居中,然后再加上一个line-height:--px(这个值与父元素的height相同就行啦)这是垂直居中,2者结合就能出现问题中的效果。
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消