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

网页布局基础

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

已采纳回答 / 李晓健
效果不一样的哦,你没有用到定位,右边的内容因为爱到中间内容左浮动的影响,所以就自动跑到右边了,看似和效果是一样的,仔细看一下,你右边的宽就是图片的宽度,不会改变了,而用了定位后,右边的宽度是自适应的,就看右边最上面的几行字就能看出来。

已采纳回答 / 化龙贝
亲,看评论哦,这是一个看评论(或舆论)的时代

已采纳回答 / 慕侠2950284
要注意的是“祖先元素是否有定位”,有,则参照最近的祖先元素。无,则参照根<html>。虽然box的确是它的祖先元素,但有无定位还是会影响参照标准的

已采纳回答 / edward_zpq
一个标签可以有很多类名,class="content book"中有两个类名,中间用空格隔着的,类名content是因为这个div是属于内容的一部分,类名book是因为这个div盒子装着书的图片,样式里面的类选择器根据用途选择一个类名就行,就是语义化(明白用途)!在什么情况下使用什么样的类名合理,比如我是一名学生,同样是我妈妈的儿子,在家里我肯定是以儿子的身份存在,在学校我是以学生的身份存在。设置整个页面内容样式时,用content,;设置book里面的书的图片时,用到book,这样也就很清楚~

已采纳回答 / echo_kinchao
谁跟你说 浮动就是把块元素变成了行内块的.......拉出去暴打。。。。浮动会让父元素坍塌  了解下 浮动设立的始源就知道为什么了

已采纳回答 / 六月时光
用img标签,图片要和网页放在同一个文件夹里面,用相对位置就行

已采纳回答 / 幕布斯6906120
#mainbody设  position:relative;                             #right设margin-left:773px;            

已采纳回答 / _潇潇暮雨
安装插件AutoFileName。

已采纳回答 / 子木李
看你的需求,如果是为了让元素能够在父元素内准确定位,则用position定位,举个例子,如漂浮的窗口、回到顶部按钮,如果只是为了把块级元素在一行内显示,则用float,用法float的例子:如横向的导航栏,将几个li显示在同一行,构成导航栏。一般来说,可能position用的更多一些,因为它能够精确定位,然后子元素相对于父元素的位置不会由于浏览器大小改变而改变

已采纳回答 / menghuanbaolei
是啊,body是会块级元素,你其实可以把它看成最大的div就好了
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消