CSS深入理解之absolute_技术问答

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

CSS深入理解之absolute

                
                张鑫旭
            页面重构设计

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

全部评论问答未解决精华

CSS深入理解之absolute

已采纳回答 / KingdomLiu

position:absolute会隐式的改变display类型，会让元素以display:inline-block的方式显示，可以设置长宽。不设置的话i标签是inline元素，设置的宽高对其不起作用，所以没有显示。满意的话请采纳，谢谢！<...code...>

2 回答 1309 浏览 4-1 图片图标绝对定位覆盖

2016-10-29

听了这节课感觉以前的很多东西都茅塞顿开啊

已采纳回答 / m慕光

只要你坚持，一切都会有最好的安排

2 回答 944 浏览 4-1 图片图标绝对定位覆盖

2016-10-26

谁说编程一定要一本正经的

已采纳回答 / m慕光

我也是这么想的！为张老师点赞！

2 回答 808 浏览 1-1 absolute和float

2016-10-26

为什么aside 把header覆盖了？

已采纳回答 / 有C

absolute的层级效果，DOM中在后面的absolute元素会覆盖前面的，你这个footer也覆盖了aside,老师课件里演示的也是覆盖了的！你可以header下left距离设置为aside的宽度，最好用百分比，可以自适应！

2 回答 1420 浏览 8-2 慕课网-绝对定位整页布局演示

2016-10-22

九宫格的伪元素:after :before

已采纳回答 / 慕圣8800280

list

1 回答 917 浏览 7-4 高度自适应的九宫格效果

2016-10-20

icon-hot把position:absolute；去掉后不显示问题

已采纳回答 / yi_z

i是内联元素；你设置display:block就出来了

2 回答 1188 浏览 4-2 图标定位二三事

2016-08-18

无依赖绝对定位的问题

已采纳回答 / tanglj22

应该是不会的。子元素的定位信息是通过margin的。不受上一级relative的影响

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

2016-08-16

本节CSS代码全注释

最赞回答 / Nehpets

同时用了正常的解释和老师的天使爆裂理论<...code...>

7 回答 1554 浏览 7-4 高度自适应的九宫格效果

2016-07-30

这个方法和用white-space:nowrap;处理有什么区别呢？

已采纳回答 / yuyang123

父辈如果设置了overflow为hidden，张老师的办法依旧正常显示，而用white-space:nowrap;溢出的部分将会隐藏。

1 回答 1475 浏览 4-7 各种对齐溢出技巧实例

2016-07-05

为什么content设置了overflow:auto以后，头部和尾部就是fixed效果

已采纳回答 / UncleKeith

因为.content中的div相当于body ，又设置了overflow:auto; 当内容在content中溢出的时候只会在.content中加上滚动条。所以footer, header 就可以看成是fixed的了。

1 回答 1630 浏览 8-1 absolute与整体页面布局

2016-06-09

无依赖定位弊端

已采纳回答 / 绿洲仙人球

各种定位都是用于解决问题的，没有哪个能普适。老师所讲清楚的是原理，自己思考适哪些问题可以用之解决。

1 回答 999 浏览 4-7 各种对齐溢出技巧实例

2016-05-22

为什么我对图三做了fixed属性定位，图三叠在图二上，删掉却没有问题了呢？

已采纳回答 / 用户1139618

fixed 相对窗口定位

1 回答 1399 浏览 3-2 折翼的天使

2016-05-03

九宫格中文字的居中问题

已采纳回答 / Elvis_Nam

text-align:center;只能解决水平居中的问题。文字的垂直居中是通过设置文字行高值与容器高度值一样解决的，即：<...code...>

1 回答 1351 浏览 7-4 高度自适应的九宫格效果

2016-04-01

width: 1000px; max-width: 80%;

已采纳回答 / zyyan2289

1、定义元素的最大宽度为80%2、其实就是margin:0 auto;的缩写。

1 回答 1717 浏览 4-6 居中、边缘定位二三事

2016-03-04

设置display:block后，margin失效，如何解决

已采纳回答 / hey自然

你问的这个问题蛮不错的。我觉着我有必要回答一下。第二张图片包裹在一个div之内。这个间隙是img和div之间的间隙。为什么会有这么一个间隙。img本身是inline-block 水平的元素，因而会受到line-height与vertical-align(而vertical-align 默认是baseline对齐)的作用。而img,block 化之后，便不再受到line-height和vertical-align的影响。解决方法这个存在的间隙的方法，如果img不设置block的话，可以尝试设置其父元素的，1...

4 回答 4315 浏览 3-4 折翼天使表现特性二：位置跟随

2015-11-22

首页上一页 1 2 3 4 5 下一页尾页

开始学习

课程须知: 虽说是深入，实际更适合鲜肉小伙伴

老师告诉你能学到什么？: absolute基本特性的感性认知。absolute可能的理解误区纠正。absolute诸多高级技巧的应用实例。absolute在移动web布局中的大放异彩。

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS深入理解之absolute