-
absolute 有个隐藏属性 就是 将元素转换为 内联块元素 这里给图片的包裹容器div加上absolute的话 容器就变成了内联块元素 没有宽度的时候内容撑开宽度 而不是原来的默认独占一行查看全部
-
可以这样理解 absolute把元素从 文档流里拉了出来，这样div就没东西包了， 所有 这个时候 其实div是“空”的 也就是没有东西包了自然就变成了这个样子了~查看全部
-
absolute 整体布局 1、body降级，子元素升级为body层面。 子元素为{position：absolute，left：0；right：0；top：0；bottom：0；} 此时html，body {height：100%} 绝对定位受限于父级，必须有明确高度，不为auto。 2、各模块-头尾、侧边栏各居其位 .header ,.footer {position:absolute;left:0;right:0;} .header {height:100px;top:0} .footer {height:100px;bottom:0} slidebar {width:200px;left:0;top:0;bottom:0} 3、内容想象为body .content {position:absolute;top:100px;bottom:100px;left:200px;overflow:hidden;}查看全部
-
合作性 margin auto查看全部
-
absolute脱离文档流查看全部
-
绝对定位：破坏性，如果子元素是绝对定位是，父级元素的高度则被破坏了。查看全部
-
绝对定位:包裹性，包裹里面的内容，而没有独占一行，有点想内联元素查看全部
-
absolute 整体布局 1、body降级，子元素升级为body层面。 子元素为{position：absolute，left：0；right：0；top：0；bottom：0；} 此时html，body {height：100%} 绝对定位受限于父级，必须有明确高度，不为auto。 2、各模块-头尾、侧边栏各居其位 .header ,.footer {position:absolute;left:0;right:0;} .header {height:100px;top:0} .footer {height:100px;bottom:0} slidebar {width:200px;left:0;top:0;bottom:0} 3、内容想象为body .content {position:absolute;top:100px;bottom:100px;left:200px;overflow:hidden;} 如果有一些别的元素也想全屏展示的话需要与.content平级。 都是移动端布局大干货啊，谢谢老师了。查看全部
-
高度自适应布局: 设置元素为绝对定位，top：0 ；bottom：0 height为100%除以元素的单列元素的个数。绝对定位同时使用相对的top和bottom，元素就会拉伸。 如果元素里面同时还有宽度值或高度值，那么宽度或高度值会顶替掉百分百拉伸的效果，同时如果还有margin：auto的话，就会有绝对定位元素的绝对居中效果。（IE8+支持）查看全部
-
绝对定位的特性，不设left和top值的话，他的位置是相对于他本来所应该处于文档流的位置，只是绝对定位后，他会飘起来，所以他具有跟随性，不与绝对定位一起使用的话会产生更多更好的效果。 在绝对定位的元素之前是什么状态就是什么状态，比如说之前是inline，绝对定位之后还是inline水平， 唯独IE7不同，IE7会将所有绝对定位的元素设为display：inlien-block，解决办法是在绝对定位元素加一个无意义的父DIV标签， DIV标签要设置为：display：block； 技巧一，图片居中，可以在绝对定位的图片的前面输入一个空格，然后父div设定text-align：center，这样就将空格移动居中的地方去了，而由于绝对定位的跟随性，他也跟随在空格后面一起居中，在加上maigin-left：负的自身宽度/2，就稳稳当当居中了，居左居右都是同样的道理。查看全部
-
这老师语气很夸张。查看全部
-
动画尽量作用在绝对定位元素上查看全部
-
absolute和float所具有的相同特性 1.包裹性（包含内容不占据整行） 2.破坏性（出现塌陷现象） absolute和float不能同时存在。 float与absolute彼此被制衡的办法：查看全部
-
absolute的破坏性查看全部
-
javascript 看不懂查看全部
举报
0/150
提交
取消