固定高度和百分比高度能否有限结合,完美布局?

DaveLeeCN 2015-11-09 04:34:58
有一个页面,本来是所有的div都按百分比设置,填充整个页面的,但是后来发现有一两个div只能设置固定长宽。以高度为例,本来五个div都设置20%填充整个页面, 后来发现第一个div只能设置高度200px(假如),那么有没有办法通过一定的设置使高度填充整个页面的高度呢?
有没有人遇到过类似的问题?我想过用最小和最大高度来辅助设置,但一直觉得有些缺陷,求帮忙分析。
...全文
358 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
DaveLeeCN 2015-11-20
  • 打赏
  • 举报
回复
引用 3 楼 zhang1lang4 的回复:
<div style="position:absolute;left:0;top:0;width:100%;height:200px;">div1</div> <div style="position:absolute;left:0;top:200px;width:100%;bottom:0;"> <div style="height:25%;">div2</div> <div style="height:25%;">div3</div> <div style="height:25%;">div4</div> <div style="height:25%;">div5</div> </div> 是这种效果吗?
这种只能满足我的一部分需求,还有些不能实现的,已经放弃百分比了,全都用固定像素设置了
zhang1lang4 2015-11-11
  • 打赏
  • 举报
回复
<div style="position:absolute;left:0;top:0;width:100%;height:200px;">div1</div> <div style="position:absolute;left:0;top:200px;width:100%;bottom:0;"> <div style="height:25%;">div2</div> <div style="height:25%;">div3</div> <div style="height:25%;">div4</div> <div style="height:25%;">div5</div> </div> 是这种效果吗?
snnowy 2015-11-10
  • 打赏
  • 举报
回复
再用上JS/JQUERY就可以随心所欲
zpjshiwo77 2015-11-09
  • 打赏
  • 举报
回复
没有太理解你的意思。可以在最外层固定一个高宽恒定的盒子~

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧