CSS position:fixed定位时 “高度坍塌” 问题的解决
2017-08-21 11:01
459 查看
这问题两种方法：
1.给第二个模块div设置margin-top的值，margin-top的值设为大于等于固定定位模块的高度
2.这个方法是百度百科手机页面用的，先为固定定位元素设一个父元素，不设高度，不设宽度，什么都不设，他的第 一个子元素是我们需要做固定定位的元素，这个按照需求写好样式，此时，父元素的高度依然是0，如何使得父元素有高度呢，父元素有了高度，后面来的模块就不用设置margin-top的值了，我们只要在固定定位元素后面写一个同等高度的空div便解决了，这时父元素就有你想要的高度了！
1.给第二个模块div设置margin-top的值，margin-top的值设为大于等于固定定位模块的高度
2.这个方法是百度百科手机页面用的，先为固定定位元素设一个父元素，不设高度，不设宽度，什么都不设，他的第 一个子元素是我们需要做固定定位的元素，这个按照需求写好样式，此时，父元素的高度依然是0，如何使得父元素有高度呢，父元素有了高度，后面来的模块就不用设置margin-top的值了，我们只要在固定定位元素后面写一个同等高度的空div便解决了，这时父元素就有你想要的高度了！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- position:fixed定位时 “高度坍塌” 问题的解决
- 打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决
- 解决IE6 下 position:fixed 绝对定位的问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位不抖动的问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- DIV+CSS处理DIV设置float后，父容器无法定位高度的问题解决
- 解决IE6下固定定位问题 使用position:fixed
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 高度大于100%的fixed定位div显示不全问题（轻松解决）
- 解决 IE6 position:fixed 固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- css解决IE6、Chrome、ff 浏览器position:fixed;和闪动问题
- js，css三种方法解决IE6下position:fixed的Bug以及闪动问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题！