CSS深入理解之absolute_技术问答

首页免费课 CSS深入理解之absolute 问答

CSS深入理解之absolute

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56800
免费课程
                                
CSS深入理解之padding
中级·52484
免费课程
                                
CSS深入理解之margin
中级·55943
免费课程
                                
CSS深入理解之z-index
中级·40882
免费课程
                                
CSS深入理解之relative
中级·47920
免费课程
                                
CSS深入理解之vertical-align
中级·39337
免费课程
                                
                难度中级
            
                时长 2小时24分
            
                学习人数
            
综合评分9.57
                            214人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

yuyang123

这节最后的例子，在容器中的子元素设置了absolute，其绝对定位是根据其【包含块】来定位，因为其容器并未设置position为relative/absolute/fixed中的任何一个，自身就不形成【包含块】，所以子元素的定位就不是按照其直接容器定位了，所以哪怕滑动位置也不会变。
关于【包含块】的概念如果有不懂的同学，可以翻翻张老师的博客，也可以看慕课网上张老师的另一个教学视频----CSS深入理解float。
这视频被喷的很惨，切勿跟风，认真学的话可以学到蛮多东西的。

4 2-1 别把我和relative栓在一起

2016-07-05

yuyang123

你们可以测试一下，用一个span设置其position为absolute后，可以对其设置高和宽了，但同时对div等块级元素又具备包裹性，可知absolute设置后的元素其表现既不是block的表现，也不是inline的表现，反而是inline-block的表现。
诸君，不要靠猜测了，自己动手去做做实现。

4 1-4 absolute的包裹性

2016-07-05

yuyang123

这个特效蛮有趣的嘛

0 1-3 absolute和float高尔基

2016-07-05