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

网页布局基础

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

最赞回答 / 月下风物语
http://www.w3school.com.cn/css/css_positioning_floating.asp 看这个网站,上面说设置了float的元素脱离了文档流,而第一种情况#mid没有设置float,在定位的时候会忽视#left去定位,所以此处的margin-left:123px是距离#mainbody左边界的123px处,导致两种情况效果一样。

最赞回答 / 黑黑石头仔
你好!浮动影响的是紧随在它后面的元素标签,比如说A添加了浮动,我们要想让B紧邻在A后面,又不受影响,那怎么办呢?因为浮动是影响紧随其后的元素,所以我们可以在AB之间插入一个空的的兄弟元素C,这样就是ACB,C代替B收到浮动影响,但是因为他是空的,所以就对整体没影响,不知道你听得懂不。。。。
咦。box1不见了,这是为什么呢。。。老师好萌!

最赞回答 / 黑色丶毛衣
您这是css选择符的问题:<...code...>是指book类下名为img的后代标签,在CSS选择符中,空格代表后代选择器;下面是参考网页:http://www.imooc.com/code/2024
绝对定位特点
建立了以包含块位基准的定位
完全脱离标准文档流
随即拥有偏移属性跟z-index属性
未设置偏移量时:
无论是否存在已经定位的祖先元素,都保持在元素初始位置 脱离标准文档流
设置偏移量时:
偏移参照的基准:
无已定位的祖先元素:以&lt;html&gt;为偏移参照基准
有已定位的祖先元素:以距其最近的已定位的祖先元素为偏移参照基准

注意:当一个元素设置了绝对定位,没有设置宽度时,元素的宽度根据内容进行调节。
相对定位的特点:
相对于自身原有的位置进行偏移
仍处于标准文档流中
随即拥有偏移属性跟z-index属性
绝对定位布局:通过设置position属性实现,css中规定的第三种定位机制,能够实现横向多列布局及较为复杂的定位(带有遮罩层效果的提示框、固定层效果、全屏广告等)

拥有三种定位形式:1.静态定位 2.相对定位 3.绝对定位

可设置4个属性值:static(静态定位)、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)【绝对定位和固定定位都属于绝对定位】

已采纳回答 / Perona
<a href="#"></a>这里的#链接的还是当前页面。其实就是锚点的用法。锚点语法:<a href="#锚点名">点击我跳到锚点去</a>...文字省略<a name="锚点名" >我是锚点</a>这里省略了锚点名,还是当前页面。

最新回答 / echo_kinchao
如果一定要追究的话是html元素  不用设置初始位置
很不错的讲解,受益了,谢谢!
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消