CSS深入理解之absolute_技术问答

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

CSS深入理解之absolute

                
                张鑫旭
            页面重构设计

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

全部评论问答未解决精华

为什么不能用两个div来实现呢？

最新回答 / 慕斯1494962

有区别的。因为如果是正常的div是会影响到文档流，你想想，如果你的另一个div作为待选框，那么你要控制它的display属性（none / block），如果是display: block，那么在这个div之后的元素的排版都会发生变化，有可能会往下移动。那如果待选框的div的position：abusolute，这样的话就会脱离文档流，就是说不会影响到该待选框div之后的元素的布局，因为abusolute的div会漂浮在普通元素的正上方而不影响普通元素的布局。你总不能说打开待选框之后页面布局都发生变化吧，...

1 回答 868 浏览 4-3 下拉框定位最佳实践

2018-11-21

SZHFighting

设置 position：absolute；left：0；right：0；为什么没有出现所谓的拉伸？

0 7-5 left/right拉伸和width同时存在

2018-10-23

拉伸问题？

最新回答 / 扑克脸1413

拉伸和宽高同时存在的时候，会忽略拉伸，会显示宽高设计的尺寸。但当尺寸限制、拉伸、margin: auto 同时出现的时候，可以实现让绝对元素绝对居中的效果。视频在将相和合作性的时候讲到过这些

1 回答 993 浏览 7-5 left/right拉伸和width同时存在

2018-10-23

慕仙2869058

老师比方打得挺贴切的，但是比方之后或之前并没有详细的解释。对于本来就懂的人没什么，但是对于不懂的人就跟什么都没听一样。建议打比方之后能解释一下原理。
ps: 评论里有不少让人去补基础的，这不错。但看视频的优势就在于获取知识的效率比查文档高效，如果都懂了，还来看视频干嘛。
附上一篇很详细的博客：https://juejin.im/entry/58b3d54e8d6d810057f599bb

4 3-1 无依赖的absolute定位

2018-10-01