position:absolute
2016-03-03 14:27
267 查看
<div id="abs">
<img id="abs-img" src="img/abs.jpg"/>
</div>
1.absolute相对于临近有定位的父元素移动
2.包裹性,当id="abs"的div定位为absolute,该div的大小适应图片大小,全靠图片支撑
3.破坏性,当id="abs-img"的图片定位为absolute,其原来的位置没有了,父元素宽高改变
破坏性 --> 可用margin代替absolute移动
使用absolute时着重考虑其包裹性,即absolute后大小随着子元素改变
<img id="abs-img" src="img/abs.jpg"/>
</div>
1.absolute相对于临近有定位的父元素移动
2.包裹性,当id="abs"的div定位为absolute,该div的大小适应图片大小,全靠图片支撑
3.破坏性,当id="abs-img"的图片定位为absolute,其原来的位置没有了,父元素宽高改变
破坏性 --> 可用margin代替absolute移动
使用absolute时着重考虑其包裹性,即absolute后大小随着子元素改变
相关文章推荐
- Openwrt无线中继设置并访问外网
- SPRING IN ACTION 第4版笔记-第四章ASPECT-ORIENTED SPRING-002-AOP术语解析
- jpa注解参考
- Java多线程之concurrent包(四)——Semaphore信号量
- WebApplicationContext初始化
- 10. JPA API 详解
- (总结)Nginx配置文件nginx.conf中文详解
- Linux下的I/O复用与epoll详解
- 关于iframe怎么使用有什么好处?
- 使用集合的一些技巧
- .Net MVC中访问PC网页时,自动切换到移动端对应页面
- 58同城高性能移动Push推送平台架构演进之路
- maven项目中 把依赖的jar包一起打包
- 浅谈Java中的hashcode方法
- 详解iOS多线程GCD的使用
- 监听返回键的回退事件,和长按事件
- 远程连接Mstsc-3389保存用户名和密码
- C# 抽象类
- svg的应用二
- Android跨进程通讯的四种方式