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
                                逻辑清晰

全部评论问答未解决精华

老师讲课用的什么软件

最新回答 / cs686

谷歌浏览器按F12

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

2015-06-09

padding-left

已采纳回答 / Zevo

.course-sidebar-result 本身padding-left:0px;.course-sidebar-result > li 中的li元素指定 padding-left: 12px;

1 回答 1138 浏览 4-4 下拉框定位二三事

2015-05-18

被两个<p>标签包含的img 之间的那条缝隙,如何消除？

已采纳回答 / Alyssa_Lee

解决了木有

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

2015-05-11

有些地方不太明白

最新回答 / aiwei笑

就近原则

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

2015-05-01

主要是after和before没有理解吧，你可以大致理解为有三层div最外面就是list一层，中间是list:before一层，最里面当然就是after的了最外面一层负责隔离，加上relative，把各个层给分割开来，因为我们知道absolute没把他们分开是会重叠在一起的，而且不加上relative会使得相对目前的窗口，那么你就只能看到一个大格子了中间那层就是老师讲的那样最里面的就是用来摆弄里面的文字，因为这里的布局在html都不怎么重要，所以选择了after和before的方法

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

2015-04-28

提示的文字为什么变短了？

+ 我来回答回答最高可+2积分

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

2015-04-26

换行符占空间吗？ <img><i>vip</> 这样的话是不是就不用加注释了

已采纳回答 / 珈蓝小羊人

是的~~

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

2015-04-16

img+p是什么意思

最赞回答 / 猪脚啦

这里有css选择器，经常会用到，建议看看 http://www.w3school.com.cn/cssref/css_selectors.asp

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

2015-04-16

老师认真讲课

+ 我来回答回答最高可+2积分

2 回答 1225 浏览 2-1 别把我和relative栓在一起

2015-04-07

hot，推荐和VIP这三个绝对定位到底是绝对于谁的？

最赞回答 / 慕渣渣

他只是利用了absolute的跟随性，然后并没有具体的利用top和left去相对于最近的relative去定位。。利用跟随性，然后用margin去调整位置。

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

2015-03-25

ie兼容怎么样这个无依赖定位..

最新回答 / ppf_jgs

兼容性好

1 回答 1131 浏览 3-1 无依赖的absolute定位

2015-03-18

全部看完受益匪浅

最新回答 / Thinker_Ac

可以多去看看张老师的博客啊，非常赞，很多好文www.zhangxinxu.com

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

2015-03-18

位置跟随的demo中，元素绝对定位后display：block后，我在chrome浏览器上没有出现老师所说的图片不能换行啊，

已采纳回答 / 菠萝酥

老师给我们的demo代码里，第二张图片是有<div></div>标签对的，这就是说，第二张图初始时已经不是普通图片的inline-block水平了，而是block水平，这时看到换行效果，图片1、2、3从上到下排开（与老师视频里三个图片水平排开不一样，我估计那时图片2外没有加div标签）。使用绝对定位后，图片3靠近图片1在同一列，图片2在原来位置的上方。是这样效果？如果是按老师水平排开的效果，使用绝对定位后，图片3靠近图片1在同一行，图片2在原来位置的上方。问题出在这嘛？

1 回答 2487 浏览 3-1 无依赖的absolute定位

2015-03-11