父级设置了800px高度，但浏览器看见显示只有子集高度总和；

登录

父级设置了800px高度，但浏览器看见显示只有子集高度总和。。

yuanxi52028 · 发表于 2016-11-12 17:47:08

麻烦发一下代码上来看一下

xiaofufu · 发表于 2016-11-14 14:02:30

yuanxi52028 发表于 2016-11-12 17:47
麻烦发一下代码上来看一下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>小米5模拟</title>
<style>
*{ padding:0; margin:0; }
boby{font-family:"黑体", "微软雅黑", "宋体";}
.box{ width:100%; height:1000px;background: no-repeat center center fixed; color:#333; overflow:hidden; }
.box .tianx h2{ font-size:36px; font-weight:400; line-height:1.8em;}
.box .tianx p{ font-size:14px; line-height:1.8em; margin:25px 0 20px;}
.box .tianx a{ text-decoration:none; color:#ff6700; font-size:14px;}
.box1{ background-image:url(images/h-12.jpg);}
.box2{ background-image:url(images/h-8.jpg);}
.box3{ background-image:url(images/h-13.jpg);}
.box4{ background:#555 url(images/bg.png) no-repeat;}
.box5{background:url(images/h-24.jpg) no-repeat center center;}
.box6{ background-image:url(images/h-21.jpg);}
</style>
</head>
<body>
<div class="box box1">
<div class="tianx">
<h2>小米手机5<br/>
十余项黑科技，很轻狠快</h2>
<p>骁龙820处理器，最大可选 4GB 内存 + 128GB 闪存<br/>
4 轴防抖相机，3D陶瓷 / 玻璃机身<br/>
支持手机分身，能刷公交卡、银行卡 </p>
<div class="ps"><span>1799</span> 元起，直降200！<div/>
<a href="#">外观视频<a/>
<a href="#">轴防抖视频<a/>
</div>
</div>
<div class="box box2">
<div class="tianx" >
<h2>14 万分，快得有点狠</h2>
<p>CPU 性能翻倍的骁龙 820 处理器，提速 87% 的 UFS 闪存，快 40% 的 Adreno 530 图形引擎，
快 100% 的双通道 LPDDR4，Antutu 跑分性能测试高达惊人的 14 万分。</p>
<a href="#">了解性能 ><a/>
</div>
</div>
<div class="box box3">
<h2>129克，手感轻得不真实</h2>
<p>5.15" 大屏幕，整机仅 129 克。[注]
还有 3D 纤细侧腰，曲面玻璃的温润手感。握在手中的一刻，仿佛轻轻握住整个世界的倒影。</p>
<a href="#">了解设计><a/>
</div>
<div class="box box4">
<div class="tianx">
<h2>4 轴防抖相机，感动、激动、不抖动</h2>
<p>采用源自专业相机的 4 轴光学防抖技术，比一般手机 2 轴防抖效果更佳，
阳光、暗光、运动、单手，都能稳定记录，清晰成像。</p>
<a href="#">了解相机 ><a/>
</div>
</div>
<div class="box box5">
<div class="tianx">
<h2>16颗灯省电高亮屏幕</h2>
<p>屏幕深度定制，在仅有 5.15" 屏幕上精密排布 16 颗 LED 灯<br/>
珠，亮度提升 30%，色彩依旧鲜艳。灯光下看起来更通透，<br/>
阳光下看得更清晰，这才是好屏幕应有的亮度。</p>
<a href="#">了解屏幕 ><a/>
</div>
</div>
<div class="box box6">
<div class="tianx">
<h2>你期待的 MIUI 8 来了</h2>
<p>全功能NFC 让手机变身公交卡、银行卡，系统双开带来加强版隐私保护，应用分身让两个 QQ 独立运行，免账号切换。这些你期待的功能，现在都能用了！</p>
<a href="#">一键换机演示了解操作系统><a/>
</div>
</div>
</body>
</html>

复制代码

潜意式 · 发表于 2016-11-14 18:49:45

没有看到你哪里给父集定义了高度呀？只有一个box定义了height:1000px

xiaofufu · 发表于 2016-11-15 14:01:31

潜意式发表于 2016-11-14 18:49
没有看到你哪里给父集定义了高度呀？只有一个box定义了height:1000px

.box 不是父级吗？是下面标签的父级啊。我之前设置的是800p, 后来改了1000PX 发现没变化。不知道是哪里出了问题。

[提问] 父级设置了800px高度，但浏览器看见显示只有子集高度总和；

本帖子中包含更多资源

共4个回复最后回复于 2016-11-15 14:01

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 父级设置了800px高度，但浏览器看见显示只有子集高度总和；

本帖子中包含更多资源

共4个回复 最后回复于 2016-11-15 14:01

共4个回复最后回复于 2016-11-15 14:01