社区
CSS
帖子详情
div如何设置才能适应屏幕大小的变化?
大洪
2015-08-03 07:31:54
rt,还有一个问题需要注意:
页面上面的header的高度是固定不变的,而下面的map区域是变化的,高度或宽度。
我设置过高度和宽度都为100%,并在body{}中设置overflow为hiden。却出现了下面的问题。
就是下面有一部分没有显示出来,没出来的部分恰好等于header的高度。
要怎样设置才能使map的div正常显示出来?
...全文
568
3
打赏
收藏
div如何设置才能适应屏幕大小的变化?
rt,还有一个问题需要注意: 页面上面的header的高度是固定不变的,而下面的map区域是变化的,高度或宽度。 我设置过高度和宽度都为100%,并在body{}中设置overflow为hiden。却出现了下面的问题。 就是下面有一部分没有显示出来,没出来的部分恰好等于header的高度。 要怎样设置才能使map的div正常显示出来?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
强迫症患者m
2015-08-06
打赏
举报
回复
没看明白你说了什么
大洪
2015-08-04
打赏
举报
回复
引用 1 楼 u013426942 的回复:
用绝对定对position absolution
试过了,不可以。木办法了,我只能使用jQuery来计算了。谢谢了
我不萌
2015-08-04
打赏
举报
回复
用绝对定对position absolution
DIV
布局和CSS精讲
课程简介: 1,html5编辑器的介绍和使用 2,块标签 3,内联标签 4,超链接和锚点 5,12种选择器 6,颜色 7,单位 8,css属性 9,盒模式 10,
div
布局 11,内容图片 12,布局图片 13,用户交互图片 14,字体 15,表单...
html随窗口
大小
变化
的,css怎么
设置
div
随着窗口
大小
变换?
设置
div
随窗口
大小
改变而发生样式变换,可以使用css3的媒体查询来实现!下面我们一起来看下实现的方法吧。css怎么
设置
div
随着窗口
大小
变换?1、新建一个
div
,
设置
初始化样式给
div
添加transition,在样式改变时,会具有动画效果。.app{width: 40px;height: 40px;border: 1px solid #000;transition: all .5s;}app2、...
div
自
适应
屏幕
高度
问题描述:本地项目页面左侧菜单点击父亲节点拉伸出子节点后,演示的阴影不能覆盖所有的左侧菜单,现象如下图:此时整个演示的页面要通过滚动条才能看到整个菜单内容 整个菜单都放在
div
中,
div
的父亲节点为body,此时
设置
了height为100%,依然没有效果 开始考虑的解决方案是
div
自
适应
屏幕
大小
,尝试方案如下: 尝试方案:1.通过css样式修改,
设置
最小高度 _heig
解决
div
适应
屏幕
的一个思路
解决
div
适应
屏幕
的一个方法
解决css中
div
随窗口
大小
变化
而
变化
本来还很好看一旦缩放窗口,就成了这样 恶心吐了要。经过查找,给
div
添加下面css可解决,意思是强制在同一行展示,窗口缩放之后也是一样。这样子就顺眼多了 但是这样又有了一个麻烦,原本两行的内容,现在只能在一行展示,势必会挤压其他
div
的空间,导致图片又变小了。我们又只能通过强制换行了,如果只能通过强制换行而不是自动换行多多少少肯定还是有问题的。还有一个办法在其父元素加上以下样式,这样就不会因为 white-space:nowrap而影响布局。但是缺点也显而易见的,字体已经越界了。......
CSS
61,111
社区成员
60,732
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章