社区
其他技术讨论专区
帖子详情
css 元素绝对定位后，怎么撑开页面
weixin_38070905
2017-07-08 11:48:42
如图，是手机端页面的样式设计。 一个框就是一个div， main部分需要做动画，与head部分会有重合，所以做了绝对定位。 foot部分是底部的一些图片，需要固定在底部，也做了绝对定位。 现在做了绝对定位后，父div的高度只有head部分的高度了，导致背景图显示不全。 有什么办法能撑开父div吗？ 或者我的设计有问题，有什么更好的解决方案吗？
...全文
218
1
打赏
收藏
css 元素绝对定位后，怎么撑开页面
如图，是手机端页面的样式设计。 一个框就是一个div， main部分需要做动画，与head部分会有重合，所以做了绝对定位。 foot部分是底部的一些图片，需要固定在底部，也做了绝对定位。 现在做了绝对定位后，父div的高度只有head部分的高度了，导致背景图显示不全。 有什么办法能撑开父div吗？ 或者我的设计有问题，有什么更好的解决方案吗？
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
css
的
绝对定位
absolute和 相对定位relative分析
position:absolute； position:relative;
绝对定位
使用通常是 父级定义position:relative定位， 子级定义position:absolute
绝对定位
属性， ...并且子级使用left或right和top或bottom进行绝对...
元素
绝对定位
后，...
CSS
中更加高级的布局手段——定位之
绝对定位
5.
绝对定位
会改变
元素
的性质，开启BFC属性，内联
元素
变成行内块
元素
，块
元素
的宽度和高度默认都被内容
撑开
。如果所有的祖先
元素
都没有开启定位，则会相对于浏览器窗口进行定位，html （根
元素
，初始包含块）fixed：...
[
CSS
]
CSS
元素
定位
absolute开启
元素
绝对定位
fixed开启
元素
固定地位（固定定位也是
绝对定位
的一种） relative 通过position: relative;开启相对定位 开启后，可以通过left，right，top，bottom来设置
元素
的偏移量，left表示
元素
相...
CSS
父级
元素
高度为0(父
元素
坍塌) 解决方案
CSS
中父级
元素
的高度一般由子
元素
撑开
，不会特意设置高度，但是以下情况会造成父级
元素
高度坍塌，也就是高度为零，影响后面
元素
的排版。主要有两个原因： ）子
元素
使用
绝对定位
）子
元素
浮动 1）子
元素
...
CSS
元素
的定位
2.对于脱离文档流的
元素
:包含块是第一个拥有定位属性的祖先
元素
(如果所有祖先都没定位，那包含块就是整个
页面
)。2.可以使用 left、right、 top、 bottom 四个属性调整位置，不过最常用的是 top 值。最常用的值是 top...
其他技术讨论专区
476
社区成员
790,963
社区内容
发帖
与我相关
我的任务
其他技术讨论专区
其他技术讨论专区
复制链接
扫一扫
分享
社区描述
其他技术讨论专区
其他
技术论坛（原bbs）
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章
发帖
与我相关
我的任务
分享