社区
CSS
帖子详情
div设置高度为auto后高度为0
黑花茶
2013-01-23 04:22:13
该div里面有子元素 而且子元素都有高度 为什么这个作为父元素高度却始终为0呢
...全文
1652
11
打赏
收藏
div设置高度为auto后高度为0
该div里面有子元素 而且子元素都有高度 为什么这个作为父元素高度却始终为0呢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
11 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Deep_Learning
2013-10-31
打赏
举报
回复
你是怎么解决的?????
尜尜alp
2013-01-24
打赏
举报
回复
其实应该是你的父层没有清除浮动的原因
尜尜alp
2013-01-24
打赏
举报
回复
你的代码估计是这样写的吧 <div> <div style="float:left;height:100px;width:100px;">123</div> </div> 这样的情况,最外层的div高度就是0 了, 应该这样写 <div> <div style="float:left;height:100px;width:100px;">123</div> <div style="clear:both"></div> </div> 希望可以帮助你
痞子wu情
2013-01-23
打赏
举报
回复
1
一般情况下 父元素加上float就可以了
黑花茶
2013-01-23
打赏
举报
回复
引用 1 楼 stongyann 的回复:
你给 父元素 加上 overflow:hidden 或者 float 试试呢。
后来发现是子元素的问题 子元素之前<li>后来改成了div就有高度了
黑花茶
2013-01-23
打赏
举报
回复
引用 1 楼 stongyann 的回复:
你给 父元素 加上 overflow:hidden 或者 float 试试呢。
还是不行啊 高度还是0
我自是年少-韶华倾负
2013-01-23
打赏
举报
回复
你给 父元素 加上 overflow:hidden 或者 float 试试呢。
DIV
布局和CSS精讲
本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加,学完本课程,大家可以对任意网页实现布局,思路清新。课程简介:1,html5编辑器的介绍和使用2,块标签3,内联标签4,超链接和锚点5,12种选择器6,颜色7,单位8,css属性9,盒模式10,
div
布局11,内容图片12,布局图片13,用户交互图片14,字体15,表单16,表格17,浮动18,定位19,内联框架20,搜索引擎优化21,实战案例
html 给
div
设置
高度
,
div
高度
设置
DIV
高度
篇
DIV
高度
教程-
DIV
的
高度
设置
篇如何对
div
设置
高度
呢?答案很简单 使用css height样式即可
设置
div
高度
。
div
的
高度
图我们要对
div
对象
设置
高度
样式,一般分为
设置
固定
高度
,最小
高度
、最大
高度
、自适应
高度
。假如一个
DIV
对象的class css命名“.
div
-height”,为了观察到效果,我们对
div
盒子加css边框样式,
设置
div
宽度 width为300px。一、
设置
固定
高度
...
DIV
设置
最小
高度
本文和大家重点讨论一下如何控制
DIV
最小
高度
又
DIV
自适
高度
问题,如果我们需要
设置
一个
div
高度
,当里面的东西超过这个
高度
时,让这个容器自动被撑开,也就是
DIV
自适应
高度
。当里面的信息很少时候,我们就
设置
它一个最小的固定
高度
。 如何控制
DIV
最小
高度
又
DIV
自适
高度
我们在用
div
布局的时候经常会遇到这样的一种情况:我们需要
设置
一个
DIV
高度
,当里面的东西超过这个
高度
时,让这个容器自动
div
高度
设置
100%无效的问题 (亲身实践)
先上我的项目效果图: 这是没有加
高度
的 这是加了
高度
的 今天写页面碰到了一个问题,
div
设置
高度
100%无效,于是进行检查。首先想到的是
div
父容器没有
高度
,于是检查父容器
高度
,通过谷歌开发者工具发现,父容器
高度
正常,那为什么元素
高度
无效呢。 然后我试着给父容器
设置
一个固定的
高度
,发现元素
高度
100%居然有效了,这是什么操作。废了半天劲,突然想到我的父容器处于flex布局下,父容器的
高度
是默认的
auto
,是不是这个原因呢?于是我给父容器手动
设置
height:1px;。发现元素的10...
div
设置
百分百
高度
实现
在html布局中body内第一个
div
盒子对象
设置
100%
高度
height样式,是无法成功显示100%
高度
的。这个是因为body
高度
默认值为自适应的,所以及时
设置
body第一个布局
div
高度
为百分比也是无效的,因为
div
解析上级
高度
为0,自然
div
height 100%实际
高度
也为0。 浏览器根本就不计算内容的
高度
,除非内容超出了视窗范围(导致滚动条出现)。或者你给整个页面
设置
一个绝对
高度
。否则,浏览器就会简单的让内容往下堆砌,页面的
高度
根本就无需考虑。 因为页面并没有缺省的
高度
值,所以,当你让...
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章