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
中级·39339
免费课程
                                
                难度中级
            
                时长 2小时24分
            
                学习人数
            
综合评分9.57
                            214人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

为什么不让ul跟随input，把input的float去掉，然后让ul的margin-top设置为0岂不是更简洁么？

最新回答 / 貌似祸害

不脱离文档流会不会把input下面的元素推下去？

3 回答 2092 浏览 4-4 下拉框定位二三事

2016-03-27

如何往九宫格里填充html内容

最新回答 / 宇杰yvette

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

2016-03-23

absolute跟随疑惑

最新回答 / budflower

设置input为block,或者inline-block，会实现跟随性，但如果将input设置为float，则不跟随

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

2016-03-20

注意到nbsp去掉也不会影响布局，不知道可不可以去掉

最赞回答 / 猪脚啦

好吧看到后面的回答了，老师说是为了兼容才添加进去的，chrome的情况下去掉是不会有影响的

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

2016-03-18

我刚看到这个问题的时候是被你雷到了，但仔细想了一下，发现提出这种问题的原因是因为粗心和对代码不敏感以及对background的各类属性不熟悉造成的。所以，我做了以下答案：首先，效果肯定不一样。其次，你应该观察一下这个close图片，这个小小的，典型的通过位移背景图片位置，做点击效果的组合图标，然而恶趣味的是，图标的作者并没有把两种效果作区分。所以表面上看，你觉得没啥不一样的效果。这也就说明，看待一个问题，无论是不是我们这类的技术问题，不能光看到表象就发问，冷静下来多思考思考，才是快速解决问题的关键。略微牢...

1 回答 985 浏览 3-5 超越overflow

2016-03-16

关于这个浮动问题？

最赞回答 / 刘惜阳

img是行内元素,不会发生重叠,即便img是块元素也不会发生重叠,把img当成拥有自己宽高的文字就可以了

1 回答 813 浏览 3-3 折翼天使表现特性一：去浮动

2016-03-13

想问一下关于绝对定位前后，三张图片的对齐问题？

最新回答 / 刘惜阳

图片display:block之后,不再是inline元素,就不像文字一样显示基线对齐了,与父div的间隙就没有了,

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

2016-03-13

vip的位置问题？

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

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

2016-03-07

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

已采纳回答 / zyyan2289

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

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

2016-03-04

3-3这节的最后代码有点不明白，具体如下

最新回答 / java1234_80

3-3这节的最后代码有点不明白希望老师解释下

2 回答 923 浏览 3-3 折翼天使表现特性一：去浮动

2016-02-21

把那个图片换成DIV，为什么VIP就换到下一行去了呢？

最新回答 / 慕粉3830774

我试了一下，用inline就行了，因为inline-block还是允许换行的，用inline-block的话父元素的宽度不够所以还是下一行显示

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

2016-01-31

请大神指教

最新回答 / HandMU

before和after是伪类，用于添加非重要内容或者布局辅助，如老师的案例中就是如此，before中content内容为空是一种用于，用于布局辅助，即该块为空内容占位块，最常见的作用是清除浮动。

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

2016-01-19

为什么标签前加空格效果会大大变化？

最赞回答 / 慕粉3498277

我是这样理解的：由于标签为行内元素，所以它应该紧跟着图片不换行后面；（可以做以下尝试）（1）所以如果去掉其绝对定位，此时标签应该是紧跟着图片并换行显示（因为图片后面没有空间显示，故被挤到下一行）；（2）绝对定位的特性是脱离文本流（在文本流中不占据任何位置），所以在设置了绝对定位后是一个不占据空间的元素，所以不会被挤到下一行，而是可以和图片同行显示；（3）这也正说明，如果在前面加上空格，此空格在文本流中占据一定位置，那...

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

2016-01-14