Div容器高度百分比不起作用
是因为在设置高度百分比时，需要确保其父元素的高度已经被明确地设置。如果父元素的高度没有被设置，那么子元素的百分比高度将无法生效。
解决这个问题的方法有两种：
- 确保父元素的高度已经被设置：可以通过给父元素设置一个具体的高度值，例如像素值或者是其他单位的值，来确保父元素的高度已经被明确地设置。这样子元素就可以使用百分比值来设置自己的高度了。
- 使用其他布局方式：如果无法确定父元素的高度或者不想设置具体的高度值，可以考虑使用其他的布局方式，例如使用flexbox布局或者grid布局。这些布局方式可以更灵活地控制元素的尺寸和位置，而不依赖于父元素的高度。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，可以轻松创建和管理云服务器实例，适用于各种应用场景。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：无需管理服务器，按需运行代码，提供事件驱动的无服务器计算服务。适用于处理后端逻辑、数据处理、定时任务等场景。产品介绍链接：https://cloud.tencent.com/product/scf
相关·内容
5回答
为什么height的百分比值不起作用，而width的百分比值起作用？
<div id="working"></div>
<div id="not-working"></div>
#working{
width:80%;
height:140px;
background:orange;
}
#not-working{
width:80%;
height:30%;
background:green;
}
#working的宽度最终为视口的80%，但#not-workin
浏览 3提问于2011-04-14得票数 263
回答已采纳
2回答
最小高度不缩放
、、、
我想在所有IE浏览器中缩放图像。
我的代码：
<div class="outer"><img src="text.png" /></div>
CSS
.outer {
position:absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-align: center;
}
img {
min-height: 100%;
}
如下所示，img-Tag使用宽度进行自动缩放。但这在IE中不起作用。图像只是垂直缩放。
有人能帮我吗
浏览 4提问于2013-02-21得票数 0
2回答
我将尽可能简单地解释这一点，这很可能不是一件很难解决的事情，但我正在努力解决它。
这是我的html：
<div id="nav">
<div id="logo">Jack Thomson</div>
<a href=".." class="active">Home</a>
<a href=".." class="nav">About</a>
<a href="/contact" class=&#
浏览 1提问于2012-03-30得票数 1
回答已采纳
我用div来制造口音。它的父级是内容div，它没有特定的高度，因为它是浏览器的高度。div非常简单，具体如下：
<div class="bar-top"></div>
CSS规则是：
.bar-top {
background-color: #000d12;
height: 3%;
max-height: 3%;
min-height: 3%;
}
这个规则不起作用。但是，如果将百分比替换为像素值，则div将正确显示。我认为这与父母没有明确的身高有关，但我想知道更多的技术原因，以及如何克服这一点，如果我想要一个d
浏览 6提问于2015-03-11得票数 1
回答已采纳
我想使用不依赖于项目的百分比来设置div height。我在屏幕顶部有一个固定的标题和一个居中的div。但以百分比设置高度不起作用。只有当我在那里添加一些项目时，它才会扩大。
请帮帮忙。
我有这样的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>lol</title>
<link rel="stylesheet" href="style.c
浏览 1提问于2016-12-05得票数 4
回答已采纳
我正在尝试按百分比创建一个垂直定位的DIV。我将父容器设置为相对容器，并将内容div设置为绝对容器。当我用像素定位内容div时，这很好用，但当我尝试百分比时，百分比被忽略了：
.container {
position: relative;
}
.content {
position: absolute;
left: 10%;
top: 50%;
}
<div class="container"><div class="content"> This is the content div. It should be 10% from
浏览 2提问于2012-11-06得票数 21
回答已采纳
2回答
我设置了一个jfiddle示例，我的身高:100%；似乎不起作用。
body, html
{
height:100%;
}
#full-wrap {
min-height:100%;
height: auto !important;
height:100%;
margin:0 0 -91px; /* 1 extra px from footer border */
clear:both;
border:thin solid red;
}
.contentCenter {
min-height:100%;
浏览 0提问于2011-10-10得票数 0
回答已采纳
1回答
我正在尝试将我的登录页面与css对齐。然而，我有一个问题之间的两个房地产保证金-顶部和顶部。页边距-顶部倾向于根据第一个元素推送登录页面，而顶部只是登录页面的位置。因此，我不能在我的媒体查询代码中使用页边距顶.不幸的是，top也不起作用
这就是我如何在CSS中添加top属性的方法。
#loginpage {
position:absolute;
width:100%;
top:-42%;
}
这不起作用。
只是这个起作用了
margin-top:-20%;
在我的日志页面上，有一个幻灯片标题和一个twitterbootstrap导航条
#twitterbootstrap {
posit
浏览 2提问于2013-09-04得票数 0
回答已采纳
3回答
我想知道为什么在这段代码中以百分比表示的高度不起作用：
<div style="border-right:1px solid #000; height: 100%;"></div>。
但是，当我将高度更改为像素时，它可以工作，但我的问题是高度是以像素为单位固定的。
我使用这个div元素作为垂直标尺/分隔符。
下面是我的代码：
请帮帮忙。提前谢谢。
浏览 0提问于2012-03-08得票数 4
回答已采纳
下面的HTML和CSS在Firefox和Chrome中的行为完全不同。
。
.container {
width: 200px;
height: 50px;
border: 1px solid black;
display: inline-table;
}
.content {
background-color: red;
width: 30%;
height: 100%;
}
<div class="container">
<div class="content"></div>
&l
浏览 4提问于2014-01-06得票数 20
回答已采纳
1回答
我在一个两栏设置的网页上工作。我将所有内容分成两列，每个列都有一个容器。我正在尝试移动一个包含h1标题的div。它的位置是:相对的，我正在尝试基于百分比移动它，这样当浏览器调整大小时，它看起来仍然很好。我可以用百分比来移动左/右，但不能移动顶部或底部。它可以与px一起工作，但当浏览器调整大小时，它会变得一团糟。我做错了什么，我需要做什么才能在百分比最高的情况下移动它？
下面是html (它实际上不在一行中，但由于某种原因，它不想在这里以实际的方式出现)：
<div class = "aboutuscontainer2"> <a href="
浏览 0提问于2015-12-24得票数 0
2回答
我有一个嵌套的HTML面板的UI。
Outer Panel-> <div style="height: 100%; width: 100%;">
Inner Panel -> <div class="ap-mainPanel ap-scrollPanel">
"ap-mainPanel“当前为占位符，为空。
.ap-scrollPanel{
overflow: hidden;
}
我看不到内侧面板上的滚动条。我尝试添加高度:101%的ap-MainPanel，但它不起作用。我尝试在ap-MainPanel
浏览 0提问于2014-10-07得票数 0
2回答
我想出了一个非常奇怪的行为。我创建了3个div，它们的高度以百分比表示。当我在它们自己的页面上测试它们时，它们的行为与预期一样，但当我将它们包含在另一个容器中时，它们的高度就会丢失。
我认为发生这种情况是因为在普通页面中，高度是主体的百分比，而在容器中是父div的百分比，但我可以确切地告诉您要做什么。
HTML
<div id="mywrapper">
<div class="box"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
浏览 2提问于2015-08-20得票数 1
我需要使用css样式，如最大宽度:90%和最大高度:90%来定义图像大小，而不是溢出窗口。然而，这在Safari上工作得很好，但在Chrome上就不行了。这是我在jsfiddle上写的演示：
<style>
div{
padding: 0;
margin: 0;
}
.slide{
text-align:center;
background-size: 100% 100%;
}
.user-img{
max-height: 80%;
max-width: 90%;
}
</style>
<body>
浏览 1提问于2015-01-17得票数 13
回答已采纳
3回答
如何将css中的宽度和高度值分别指定为屏幕的宽度和高度。我尝试了下面的css，但现在为我工作。
.classname
{
height:100%;
width:100%;
}
编辑
我也使用Jquery代码作为
$("#PanelGrid").width = $(window).width();
但不起作用。
这是密码。
<table style="font-family: calibri; height: 100%;" border="0px" cellpadding="0" cellspacin
浏览 4提问于2012-12-05得票数 0
回答已采纳
1回答
我这里有个相当复杂的问题。我想在CSS中做一个布局，包含多个层，这意味着多个<div>元素相互叠在一起(或者至少让它看起来像这样)，并且只有顶部的元素是可见的。
在许多其他GUI环境中，这被称为卡布局。
所以计划是：
在一个父<div class='layer'>元素中创建所有<div class='container'>元素
最初让他们拥有display: none
调用$.show()或$.hide()来显示或隐藏它们
HTML:
<div id="containerOne">
浏览 2提问于2014-03-26得票数 0
3回答
相对定位无效
、、
我有一个网站，我试图浮动一个div垂直中心在它的父div。我使用的代码基本上是这样的；
#box_to_be_floated_vertically {
position:relative;
top:50%;
}
它看起来应该管用，但它不起作用？
对于我的例子，请看这里：
如果您看这里，它是浮动在侧栏边的div，带有ID #handle。我也尝试过使用#sidebar > #handle，但这并没有什么不同。
有什么想法或解决办法吗？我已经为这事挣扎了好几天了。
编辑
我想指出的是，在我的示例站点中，如果我在top属性中实际设置一个像素高度，它就可以正常工作。问题在于我试着
浏览 5提问于2012-08-19得票数 1
回答已采纳
我有一个相当简单的问题。我有一个有三个孩子的容器div --两个div和一个表。以下是CSS：
#container {
overflow: auto;
}
#child1 {
float: left;
width: 50px;
height: 100%;
}
#table1 {
float: left;
}
#child2 {
float: left;
width: 50px;
height: 100%;
}
HTML也非常简单
<div id='container'>
<div id='
浏览 1提问于2014-01-29得票数 6
回答已采纳
1回答
我正在使用名为jQuery的图片库插件，它未能将内容推送，例如我的页脚向下推。
配置这个图库的方式是，我有许多div元素，它们的背景被应用到这些元素中来形成图库。当您最初加载页面时，一切都很好(如果从桌面设备加载)。但是，当您减少页面宽度时，我已经更改了图库的布局，例如，在全宽度时，每行有四个元素，在较低的断点，有两个元素等等。正因为如此，在较低的断点上，图库的高度会发生变化，以适应每行项目较少的情况。这意味着我的脚不再被推到画廊下面。
这里是我的画廊的HTML：
<section id="portfolio">
<div class="p
浏览 2提问于2016-03-19得票数 0
回答已采纳
1回答
包含图像和内容的响应DIV
我试图有一个div，其中包含一个背景图像，其中有内容(写作)，如图片所示。div需要响应，图像必须保持100%，达到但不超过屏幕的框架，无论屏幕是什么大小。
问题是，当我放大，按下ctrl并向下滚动鼠标，图像失去了它的高度，而不是保持相同的高度。我怎样才能使它在放大时不会失去它的高度。
我什么都试过了，这是我拥有的最好的
enter code here
<div id="container">
<div class="content-inner">
浏览 1提问于2016-02-05得票数 0
回答已采纳
我有一个简单的代码：
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<style type="text/css">
html{
background-color: red;
height: 100%;
}
body {
浏览 0提问于2014-06-27得票数 0
1回答
我想做布局，我将有不同的全宽背景。例如，top是全宽橙色，在全宽div里面，我有一个容器，可以让所有东西都保持特定的尺寸(宽度: 1000px)。我遇到了一个问题，容器div的内容不能拉伸整个宽度的div。所以现在为了让它正常工作，我必须设置.orange和.red的特定高度。但这不是解决方案，因为现在我的区块有xxx的高度，如果我添加一些像更多的图片-我必须设置更大的高度等。
我的意思是：
HTML
<div class="full-width orange">
<div class="container">
c
浏览 0提问于2013-12-03得票数 0
1回答
我使用下面的代码来分配弹出式屏幕的精确中心。但它不起作用。弹出窗口根据div的大小出现在不同的位置。但是我想在屏幕中央显示div。
.pnl_renewal_res
{
background:White;
position: absolute;
top: 50%;
left: 50%;
margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */
display: none;
border:1px solid #333333;
}
浏览 1提问于2013-03-11得票数 0
3回答
令人沮丧的问题，我有一个div与其他三个div的内部，每个应该是33% (三分之一)。问题是我总是有一个额外的像素。
我试过以下几种方法。
33.333333333%
33.3334%
calc (100% / 3)
这是一张显示问题的图片
这是我的HTML
<div class="navigation">
<div class="navigation-item">
<div class="navigation-item-inner">
浏览 0提问于2014-04-09得票数 4
我不明白为什么所有东西在水平方向上看起来都很完美，但在垂直方向上，就像你在图片中看到的那样，没有空白处。如果这样做可以让网格占据整个宽度：
grid-template-columns: repeat(3, 30%);
为什么这个对整个高度都不起作用？
grid-template-rows: repeat(3, 30%);
代码如下：.box是容器，.card是.card：
.box{
/*
margin: 20vh auto;
text-align: center;
width: 75%;
max-width: 650px;
heig
浏览 9提问于2019-10-26得票数 2
回答已采纳
1回答
视视口而定的可扩展DIV
、、、、
我正在尝试制作一个div，它的宽度和高度将根据视口的不同按比例缩小或扩大。正如你在上面的例子中看到的，这个方法只会让我的div水平扩展，而不是垂直扩展(固定高度)。如果我试图给出包装器或main_content的高度值的百分比，浏览器会简单地忽略高度值，除非它们是以像素或em为单位的。我怎么才能让它工作呢？在我的脑海中，如果我可以给我的div的高度一个百分比值，这将解决这个问题，对吗？
<div class=".wrapper">
<div id="main_content"></div>
<div>
.wr
浏览 3提问于2012-09-15得票数 1
回答已采纳
所以我正忙着做一个水平滚动的站点。容器div有一个area类。它的宽度是可变的，就像在传统网站上平均div的高度是可变的一样。
我的网站是“垂直响应的”，所以我使用了很多百分比值，包括高度，就像你在通常的网站上使用百分比宽度一样。
问题是，当我在div.area上使用百分比填充/边距时，它会根据div的宽度而不是高度来计算百分比，甚至在设置padding-top的时候也是如此。
这类似于尝试在正常站点的body上设置百分比padding-left，并根据站点的高度计算填充。这是疯狂的，完全不直观。
这是一个已知的问题吗？或者这是故意的？是否有任何仅限CSS的变通方法。我不想使用JS或其他东西来
浏览 0提问于2013-03-08得票数 1
回答已采纳
2回答
我正在制作一个网站，包装的左边有一个信息部分。包装器的高度设置为100%，信息的左div设置为100%，但高度不是100%，它是自动的，如何使我的左div高度等于包装div的高度？
CSS：
#wrapper {
background:url(../images/wrap_bg.png);
width: 1240px;
min-height:100%;
overflow: hidden;
margin-left:auto;
margin-right:auto;
}
#wrapper #left {
width:295px;
hei
浏览 12提问于2014-03-02得票数 1
回答已采纳
我的布局由顶部菜单、主要内容和页脚组成。在主要内容中，我想要整个页面(不是更少，也不是更多，这样我就不需要向下滚动，我可以填满页面)。在主要内容中，我想通过百分比拆分行，并堆叠一些元素，但我不能。
这是我的代码，其中我还使用了几个Angular指令：
<body ng-app="pathfinderApp">
<app-top-menu></app-top-menu>
<div class="container-fluid">
<div ng-view=""></div>
浏览 0提问于2016-05-20得票数 3
4回答
我的html正文中有一个div，div属性在css中是这样声明的：
#container {
width: auto;
height: inherit;
padding: 0;
overflow: hidden;
position: relative;
background-color: #FFFFFF;
}
我尝试了所有的高度值，但没有一个像我想的那样工作。问题是，我正在做一些查询来显示这个div中的结果。有时我只会有一个结果，另一个50次。问题来了。当我只有1时，div会向上显示页面背景(div后面)，而我希望它是白色的，并且占用整个高度，甚
浏览 4提问于2014-05-29得票数 0
回答已采纳
如果我为grid-gap (如10% )设置一个变量值，则父级(<div id="grid">)的padding-bottom开始在子级(<div class="grid-item">)中流动。为什么是这样，我怎样才能防止这种行为？
下面是一个很小的例子：
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#grid {
padding-bottom: 100px;
display: grid;
grid-gap: 10%;
grid-templat
浏览 1提问于2019-11-03得票数 3
回答已采纳
我想在另一个背景图像上放置一个图像，但是当我改变屏幕的分辨率时，我想要放置在背景图像上面的图像会改变它的位置。我使用以下代码
<div id="identification ">
<div class="identification-image-1">
<a href="form.html">
<img id="image-1" src="images/identifica
浏览 3提问于2013-10-30得票数 0
回答已采纳
当我使用‘href’时，如何固定宽度和高度百分比？
这是我的代码，但是当我使用href到img时，我不能使用宽度和高度百分比，那么我怎么做呢？
当我使用‘href’时，如何固定宽度和高度百分比？
我试过这种方法，但还是不能
<div class="card-deck" >
@forelse($blogs as $blog)
<div class="card mb-4" >
<a href="blog/{{ $blog->id
浏览 2提问于2020-06-22得票数 0
回答已采纳
我正在尝试构建一个响应式的盒子，其中盒子的纵横比保持不变，孩子们填充所有的垂直空间。
到目前为止，如果我给孩子一个固定的高度，父母不再保持它的纵横比，但我不能给孩子任何高度。似乎有一些关于堆栈溢出的答案，但在我的情况下无法让它们完全工作。下面是我在React中的代码：
ReactDOM.render(
<div
style={{
width: '100%',
display: 'flex',
justifyContent: 'center',
浏览 6提问于2021-05-10得票数 1
4回答
我尝试使用使用百分比的高度属性，但它不起作用。我想使用百分比，这样它在任何分辨率下看起来都很好。
<div id="bloque_1" style="height: 80%;background: red">
</div>
我怎么才能让它工作呢？
浏览 1提问于2013-05-20得票数 14
回答已采纳
最近，我发现了一个响应网站，它改变不同屏幕大小的图像内容。当屏幕大小像桌面计算机一样大时，div的内容类似于(没有其他文本内容，只有使用背景图像填充图像的div )：
#div {
background-image: url('images/pc-content01.jpg');
background: no-repeat center center;
height: 1129px;
}
当屏幕大小变小时，css样式会发生如下变化：
#div {
background-image: url('images/pc-content01.jpg
浏览 5提问于2017-07-24得票数 2
回答已采纳
2回答
我对FxFlex和火狐有一个无法解决的问题。
我想要做的是一个div，它用40 to高度填充屏幕和标题，其余的高度填充内容。
它工作在铬，我的屏幕有982 It，标题有40 It和内容942 It。
在Firefox中，屏幕有982‘t、头40’t和内容982‘t，所以它没有显示所有的内容。
这是我的html：
<div fxFlexFill fxLayout="column">
<header fxFlex="40px">
</header>
<content fxFlex fxLayout=&#
浏览 0提问于2018-09-20得票数 0
回答已采纳
假设我们有以下HTML：
<div id='parent'>
<div id='child'>
</div>
</div>
如果我们设置这个CSS：
#parent {
width:1000px;
height:1000px
}
#child {
width:20%;
height:40%;
margin-top:10%;
}
子元素将有一个margin-top，它将是父高度或子高度的%？此外，当涉及到边际时，浏览器呈现%大小的方式也不同？如果对子/父
浏览 2提问于2013-04-12得票数 0
回答已采纳
以下代码在FF中显示正确，但在Chrome div‘c’中执行时，其高度似乎不知道100%是什么意思。有人知道为什么吗？
#flex {
display: flex;
align-self: stretch;
flex-flow: column;
height: 300px;
width: 100%;
}
#a {
order: 1;
flex: 0 1 auto;
background-color: red;
}
#b {
order: 2;
flex: 1 1 auto;
background-color: blue;
}
#c {
fl
浏览 3提问于2016-05-10得票数 1
3回答
我正在尝试修改一个页脚的高度使用下面的css。如果我使用像素设置高度，它会调整到正确的像素数(例如height : 100px;)。如下所示设置百分比值似乎不起作用。我只想将页脚设置为整个屏幕高度的百分比高度，以适应不同的屏幕高度。有没有办法做到这一点？
下面是我使用的代码：：
.ui-page .ui-footer .ui-navbar a {
height : 60%;
}
<div data-role="footer" data-position="fixed">
<div data-ro
浏览 0提问于2012-04-20得票数 2
回答已采纳
嘿，伙计们，这是我这里遇到的一个非常令人沮丧的问题--现在我的页面在HTML中工作得非常出色，但是在我将扩展更改为.PHP之后，我有一个div对它的CSS没有反应。
我把css放在一个单独的类中，就像其他类一样，现在我已经尝试使用style=内联地指定参数了，但是这也不起作用吗？其中一些是这样的，但具体而言，高度百分比根本不起作用！是php页面的一个活动链接。
这是我的代码-
<div style="height:70.4%; color:#31859C;font-size:18px;font-family:Arial, Helvetica, sans-serif; pad
浏览 6提问于2013-08-20得票数 0
回答已采纳
我有一个面板，上面有top:-138px；我想给出这个百分比，我试着给出负的百分比，但它似乎不起作用。
浏览 0提问于2011-03-17得票数 4
2回答
如果我设置了下面的CSS：
html,
body {
min-height: 100vh;
}
.container {
height: 100%;
}
<div class="container">
Hello
</div>
容器不填充整个高度区域，但是如果我用高度:100 it更改最小高度:100 it，它就能工作了！这一切为什么要发生？
浏览 4提问于2019-07-18得票数 0
回答已采纳
我正在更改div中的字体大小。 问题是，如果我要求设置更大的字体大小，容器div正在调整大小。 我要求在css中滚动内容，那么为什么这个div会调整大小呢？ .tileText {
box-sizing: border-box;
position: relative;
display: block;
overflow-y: scroll;
width: 70%;
height: 100%;
padding: 20px;
color: #05083c;
font-size: 1rem;
border-radius: 5px;
font-weight: 400;
line
浏览 12提问于2020-11-23得票数 2
回答已采纳
在处理了许多不同的选项后，我决定创建一个简单的16_9.jpg (16x9)，然后将其放入div中，以强制该div具有我理想的比例，但似乎div并不关心其内部元素以%为单位缩放。例如，我可能会用img height="100px“来影响div的大小，但当使用百分比时，它会停止工作。这似乎是我最后的手段，因为我必须做一个固定高度的布局，这导致了一个未知的确切宽度-我只能依靠比例。
浏览 2提问于2011-01-15得票数 1
2回答
我目前正在为一个网站的移动版本工作，我希望所有的图像占屏幕宽度的90%。我认为实现这一点的最好技术是为每个使用图像作为背景图像的图像创建一个div。问题是我不知道如何将div的高度与图像的纵横比相匹配。我已经尝试设置宽度: 90%和高度:自动，但它不起作用。
你能帮帮我吗？伦纳特
浏览 0提问于2015-08-24得票数 2
回答已采纳
3回答
我有一个问题，理解继承宽度和高度的div。
我有以下代码片段：
<div id="div1" style="width:50%; height:50%;">
<div id="div2">
</div>
</div>
当我输出div1的宽度和高度时，div2返回与div1相同的宽度，但不返回相同的高度。为何会这样呢？宽度和高度不应该被继承，所以在我的oppinion中，都应该为div2显示0px。
console.log(getComputedStyle(div1).width);
浏览 3提问于2014-04-02得票数 0
回答已采纳
我实际上正在做一个响应式的设计，我被困住了：
我需要在它们的div父目录中将图像类型子目录的位置设置为绝对，并将下半部分保留在该父目录下。但实际上，我唯一的解决方案是为这个父级设置一个固定的高度(在这种情况下，下部的相对边距在动态结构中不起作用)。问题是图像，设置为max-width: 100%；为了保持其尺寸的灵活性，随着页面的扩展，下半部分在调整大小时没有更好的位置：
<div id='page'>
<div id='b0'><img /><img /></div>
<section id=&
浏览 2提问于2013-03-13得票数 0
2回答
目前，我有一个巨大的div，它会从它自动生成的高度折叠到div标题的高度。(即32便士)。我让它开始折叠，然后当我点击div打开它的全部大小，显示它的所有内部信息，然后当我再次单击时，它再次崩溃。不幸的是，有两件事发生：
div并没有完全扩展到它的全部高度。
div中的第一个大型img被调整大小。
现在我明白为什么后一种情况会发生。它与高度是一个百分比，而不是一个离散的数字有关，因为当我把这个数字改为500 do时，它工作得很好。但我不想那么做。我需要它保持一个百分比，当我需要使用，但调整大小，大图片。
我也觉得同样的问题也可能与前一个问题相吻合，但我不确定。
请帮我处理这个。
浏览 0提问于2015-05-22得票数 4
回答已采纳
1回答
我有过
<!DOCTYPE html>
<html>
<head>
<title> Friends </title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html {
浏览 4提问于2022-05-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
