position:fixed定位时 “高度坍塌” 问题的解决
2015-11-05 14:30
746 查看
问题:对于固定定位的元素,固定住高度,后面紧跟的模块会当做前面的固定元素不存在似的,这给布局带来了困扰
解决方法:
1.给第二个模块div设置margin-top的值,margin-top的值设为大于等于固定定位模块的高度
2.这个方法是百度百科手机页面用的,先为固定定位元素设一个父元素,不设高度,不设宽度,什么都不设,他的第一个子元素是我们需要做固定定位的元素,这个按照需求写好样式,此时,父元素的高度依然是0,如何使得父元素有高度呢,父元素有了高度,后面来的模块就不用设置margin-top的值了,我们只要在固定定位元素后面写一个同等高度的空div便解决了,这时父元素就有高度了,而且正是我们需要的高度,这个空的div像一根柱子,支撑起了这个空中楼阁。
解决方法:
1.给第二个模块div设置margin-top的值,margin-top的值设为大于等于固定定位模块的高度
2.这个方法是百度百科手机页面用的,先为固定定位元素设一个父元素,不设高度,不设宽度,什么都不设,他的第一个子元素是我们需要做固定定位的元素,这个按照需求写好样式,此时,父元素的高度依然是0,如何使得父元素有高度呢,父元素有了高度,后面来的模块就不用设置margin-top的值了,我们只要在固定定位元素后面写一个同等高度的空div便解决了,这时父元素就有高度了,而且正是我们需要的高度,这个空的div像一根柱子,支撑起了这个空中楼阁。
相关文章推荐
- Sublime Text3注册码(可用)
- Android之xml
- 时间差值的运算 VARIANT的使用
- nova Evacuate
- pdf_down_py
- Cocoa框架类之间继承关系
- 优矿众包对冲基金计划”优选策略---100w实盘资金管理权!!
- 程序员的困境
- Serializable&Extemalizable
- html5手机页面 点击事件
- jQuery 中trim()函数
- C++成员函数的存储方式
- 开源中国 OsChina Android 客户端源码分析(11)缓存对象
- unable to open debugger port in intellJ IDEA
- Android中字体加粗
- java重写
- 小游戏Step表
- 网络协议之ftp---ftp 协议详解
- linux下查看和添加PATH环境变量
- SharePoint安装注意点