获取IE中自动加高元素的实际高度
IE中自动加高元素的实际高度通常是通过使用CSS中的height属性来实现的。height属性可以设置元素的高度，如果设置的高度大于元素的实际高度，则元素会自动加高。
例如，如果我们有一个<div>元素，我们可以通过以下方式设置其高度：
<div style="height: 500px;">
内容
</div>在这个例子中，<div>元素的实际高度是300px，但是我们将height属性设置为500px，这样元素就会自动加高到500px。
需要注意的是，如果元素中有其他内容，例如文本、图片等，元素的高度可能会受到内容的影响。因此，在设置元素的高度时，需要考虑所有可能的内容。
相关·内容
display: inline-block用于许多清除(、)，尽管这些文章都没有解释为什么它在其本身之后使元素变得清晰。为什么会这样呢？
我已经翻阅过规范，还没有找到任何关于这个问题的明确解释。
这个说明了存在问题的行为(在IE9中是一致的，以及Chrome和火狐的最新版本)：
<div style="display: inline-block;">
<div class="float"></div>
<div class="float"></div>
浏览 2提问于2013-11-12得票数 2
回答已采纳
这里的页面()包含一个页脚，当您单击“联系我们”时，页脚会向上滑动。然后它会显示一个联系人表单。
然而，在IE8中，它向上滑动，包含表单的div保持白色，直到被鼠标悬停为止。我还尝试了footer-div已经溢出:隐藏的方法，但由于页脚中有其他元素应该溢出(扩展到顶部的菜单)，所以这不是一个选项。
我不认为它是一个javascript，但因为我试图延迟转换，并确保在它之前调用了setVisible，但结果是相同的。
我希望我说得很清楚了。
感谢你的回答！
浏览 1提问于2009-07-31得票数 4
4回答
即使在我将height属性设置为auto.please之后，DIV元素height也不会增长请参见下面的CSS片段
#main_site {
position: absolute;
background-position: center;
top: 295px;
width: 950px;
background-color: #FFF;
height: auto;
}
我在content DIV中有一个图像，图像align属性是right，但在IE8中，图像显示为左侧。
<p><img src="images/image.jpg"
浏览 0提问于2011-08-03得票数 2
回答已采纳
2回答
我在我的页面上有2个div(正在建设中)。
一个是header_Wrapper，它是页面width(100%)和header_inner(width: 980px)，我添加了一个导航栏，现在出现了一个间隙(看起来包装设置了填充，但实际上并没有)。
我不知道如何修复这个差距。它出现在我测试过的所有浏览器中。Chrome、Opera、FF、IE、Safari
我已经将我的代码添加到了Jsfiddle
浏览 0提问于2013-04-28得票数 1
回答已采纳
我有以下代码：
#wrapper {
position:relative; top:0; right: 0; left:0; bottom: 0;
display: block;
background: #657575; /* Old browsers */
background: -moz-linear-gradient(left, #657575 0%, #758585 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%
浏览 1提问于2011-09-14得票数 0
2回答
我真的不太擅长Javascript之类的东西，所以我需要另外一点帮助。我希望能够使用PHP快速执行一些AJAX操作，然后当ajax响应完成时，在div中显示响应并将其很好地向下滑动。
它的基本AJAX方面是没有问题的。但我希望不使用任何像jQuery或MooTools这样的框架就能让它很好地滑动。主要是为了学习，但还有其他原因。因此，任何一个非常简单的方法的帮助都是很方便的。我真的在网上找不到太多。如果我必须使用jQuery，那么我想我可以，我已经尝试过它，但在最好的时候我不是Javascript的粉丝……
所以，是的，几乎任何建议/提示/想法/帮助都会非常方便！
浏览 2提问于2009-10-07得票数 0
回答已采纳
我的图片的宽高比为16:9。我希望每个图像的宽度是整个浏览器窗口的33%，这样我可以每行堆叠3个图像：
[ ] [ ] [ ]
[ ] [ ] [ ]
[ ]
当我在CSS中指定width:33%时，高度不会改变以保持16:9的纵横比。显然，CSS不同于HTML。在HTML中，只需要指定一个维度。
浏览 0提问于2011-07-06得票数 0
回答已采纳
3回答
给定一个单独的<li />，我需要增加它的大小。Font-size只在firefox中有效，IE只显示为相同的大小。
我可以用另一种方式改变LI的大小，或者设置它的图像吗？请注意(我知道这很糟糕)没有UL元素，它是无效的标记，因为它是旧系统的一部分，设计意味着UL不能轻松添加。
浏览 0提问于2010-11-08得票数 1
回答已采纳
1回答
我在<td>标记中有一个表。
如果周围的<td>更大，内表应该扩展它的高度。
jsfiddle示例适用于FF (黑色边框与绿色边框具有相同的高度)，但不适用于IE7 (黑色边框太小)。
不幸的是，我需要嵌套表(不能使用浮动)，并且需要支持IE7。
<table>
<tr>
<td style="height: 100%; min-height: 100%">
<table style="border: 2px solid black; height: 10
浏览 1提问于2012-04-17得票数 1
1回答
在视图头部设置按钮
、、、
我正在使用macOS的一个应用程序。所以我想在视图顶部设置六个按钮，使用视图的完整宽度。当我调整视图的大小时，按钮应该同时调整大小，所以当视图以相同的关系上升时，按钮的宽度应该增加，我如何做到这一点。可以使用自动布局吗？或者我需要以编程方式更改位置(x，y)和大小？但是我怎么才能改变位置呢？谢谢你的帮助
诚挚的问候
浏览 0提问于2019-12-05得票数 0
3回答
当选中一个检查点时，我现在有一个隐藏div的fadein/out。我也想增加适当的div高度，然后删除相同的高度后，检查标记是不检查的。以下是我当前代码的一些片段：
<script type="text/javascript">
$('.checkTax').change(function() {
if ($(this).attr("checked")) {
$('.prorateTax').fadeIn();
return;
}
$('.prorateTax').fadeOut();
浏览 2提问于2013-09-28得票数 0
回答已采纳
我有以下css：
fieldset ul li input {
width: 96%;
margin: 0;
padding: 6px;
font-size: 13px;
border: 1px solid #CCC;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 2px 2px white, inset 0 1px 3px #EEE;
-webkit-box-shadow: 0 2px 2px white, inse
浏览 1提问于2012-04-26得票数 1
回答已采纳
1回答
我有一个嵌入了堆栈视图的UIView，其中包含标签和imageViews。此UIView用于在其中一个标签的文本达到一定大小时扩展高度。标签设置为lines =0并自动换行。我已经确认了高度会发生变化，但这不会反映在UI中。
这是具有标准大小名称标签的UIView：
这是带有扩展大小名称标签的UIView。如你所见，"open“标签被剪掉了：
此函数用于确定UIView的高度：
func viewHeight(_ locationName: String) -> CGFloat {
let locationName = tappedLocat
浏览 5提问于2018-02-24得票数 0
回答已采纳
2回答
我有一个名为"backhead“的主div，里面有一个带有其他div的背景图像。我的网站上没有显示主目录(使用Chrome Inspect来排除故障)。div不在那里，好像名称拼写错误，或者缺少冒号，等等。
有人知道为什么会发生这种情况吗？下面是我的代码(所有其他div类和id都可以正常工作)：
CSS文件：
#backhead {
position:absolute;
background-image:url("images/headerbackground.jpg");
width:100%;
height:100%;
}
.toplogo {
fl
浏览 2提问于2016-11-16得票数 0
1回答
好的，我真的很难理解float属性的行为。
这一页是750 px宽。为了将它保持在屏幕的中心位置，我使用了以下代码：
<div align="center">
<div align="left" style="width:750px; border-style:double;">
stuff
</div>
</div>
主750 px宽容器中的元素是具有下列样式的其他容器：
div.infoCont //these containers usualy have two
浏览 0提问于2013-04-03得票数 3
我在获取元素在iPhone/iPad上正确呈现时遇到问题。
示例如下：
<button type="button" style="width:150px; word-wrap:break-word;">some very long text to make it wrap and go to another line</button>;
其想法是有一个固定宽度的按钮，文本根据需要自动换行。在最新的IE，FF，甚至桌面Safari (Mac和PC)中，一切都如预期的那样工作。按钮宽度是固定的，文本自动换行，按钮高度自动增加以显示换行。
在i
浏览 3提问于2010-08-12得票数 1
回答已采纳
我正在使用flowplayer在页面中嵌入flv文件。它在IE8、Chrome和Opera上运行良好，但火狐拒绝显示任何内容。文件应该在的地方只有一个空格。这是一个已知的问题吗？
Flowplayer版本: 3.1.4 Firefox版本: 3.5.5 Firefox扩展: Java Quick starter，RealPlayer浏览器记录插件。
js代码：
flowplayer("flvContent", "flowplayer-3.1.5.swf", "somefile.flv");
浏览 2提问于2009-12-09得票数 5
回答已采纳
1回答
我对UIScrollView很迷惑。我正在使用一个包含许多其他视图的视图。并将该视图放在UIScrollView中。如何更改此视图的高度？我试过很多方法，但都不管用。我试图通过CGRect改变框架，但是视图的子视图出错了。
浏览 0提问于2018-02-02得票数 0
这是我在输入类型数字上使用的CSS。是否有办法避免它隐藏一半的文本(数字，在本例中)。我使用firefox作为浏览器，并在codepen.io上编写了这篇文章。我刚刚检查了它是如何在铬上工作的，而且工作得很完美。我想，问题就在于Firefox或codepen。这是我笔的链接。在Firefox中打开它，并尝试在Age的输入字段中键入一些数字或文本。这应该说明我所面临的问题。万一不是的话，让我知道。我感谢你的帮助，谢谢你。
input[type="number"]{
height: 30px;
width: 40%;
border-
浏览 0提问于2018-12-02得票数 3
回答已采纳
1回答
我有身体的背景图像。
CSS：
* {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: DaxOT, Helvetica, Arial, sans-serif;
background-image: url("background.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
backg
浏览 10提问于2018-02-16得票数 0
2回答
我试图在页面加载时使用一些基本的JavaScript将图像滑入我的主容器中。
我在容器div上设置了overflow: hits，这样图像在真正到达容器之前是看不到的。
问题是在IE中似乎没有在overflow:hidden中包含边框，所以当图片滑过边框时看起来很可怕。不管怎样，围绕这件事？我在其他浏览器上没有问题。
我的原始代码：
#container{
border: 5px solid #3A3535;
width: 960px;
margin: 0 auto;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
bo
浏览 2提问于2011-01-20得票数 1
2回答
我正在尝试使用引导按钮内部的自定义图标，这是html部分：
<button class="btn btn-info pull-right toggle" data-pausetext="Break In"
data-resumetext="Resume" ><i class="icon-play"></i> Clock In</button>
在样式表上有以下内容：
.icon-play {
background-image : url(../img/Clock-Play.png
浏览 0提问于2018-06-14得票数 7
回答已采纳
在我看来，IE (6-8)中的一些DOCTYPE声明可能会导致浏览器忽略表和div上的height="100%" (style="height:100%")
E.g
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test1</title>
</head>
浏览 44提问于2010-01-04得票数 16
回答已采纳
2回答
我尝试将一个100%高度的div放入display:table-cell div中，但它在IE中似乎不起作用。IE有什么变通方法吗？
下面是我的代码：
<div style="display:table-row;">
<div style="display:table-cell; background-color:blue; border-left:solid 1px #CCC;">
<div style="position:relative; height:100%; width:100%; backg
浏览 5提问于2012-03-31得票数 4
1回答
我目前正在一个聊天网站上工作，在使用聊天显示时遇到了一个奇怪的问题。现在，我有一个div，jQuery会动态地向其中添加聊天行。我想让div的高度达到100%，这样我就可以根据用户的配置来调整它的大小，但是当我这样做的时候，div就会扩展而不是滚动。
我做了很多研究，但没有运气。例如，我尝试在我的CSS中强制overflow-y: scroll，将max-height设置为100%，但仍然没有成功。然而，我注意到的有趣的事情是，这个问题似乎并不发生在Chrome中，而是在Firefox 31.0和IE11中重现。
下面是我的HTML (修改后只显示相关部分)：
<html height=
浏览 3提问于2014-07-31得票数 2
1回答
我需要从给定的坐标中确定高度。作为指定的。我相信有一个选择，从一个给定的协调得到高度。我尝试了下面的代码
var v = new nokia.maps.geo.Coordinate(39.0997,-94.5768);
alert(v.altitude);
无论我提供什么协调，它都会让我返回“未定义”。
还有一个叫做“阿尔特模式”的概念。由于缺乏例子，我不知道我的问题和"altmode“之间是否存在任何联系。。
浏览 2提问于2014-11-20得票数 0
回答已采纳
2回答
我在IE7中遇到了一些问题，在所有其他浏览器中都工作得很好，但如果你看看IE7中的，你会注意到topCotent和contentArea之间的两个差距，以及contentArea和contentBottom之间的另一个差距。
不知道怎么解决这个问题。
HTML代码
<div class="topContent">
<img src="images/top.gif" width="1009" height="37" border="0" />
</div><!--topCon
浏览 0提问于2011-10-28得票数 0
我有一个外部脚本，用在一些网站上，该脚本试图计算整个HTML页面的高度(不仅仅是可见的部分)。
一切都很好，除了一个奇怪的情况--一些网站使用body { height:100% }。当JavaScript试图计算整个页面的高度时，它只返回可见的高度。
我使用：
document.body.scrollHeight
在Chrome和Firefox上测试
浏览 2提问于2011-09-13得票数 2
回答已采纳
在这一点上，我很难理解css/html。背景图像只有当我将它放入css中时才会显示出来，但我更希望将它放在div中。而且，即使在它工作的时候，我也不能在上面放任何其他的图像，它只是简单地不显示.我检查了路径和所有内容，很好，我尝试将img放在html中，尝试z索引值，但仍然什么也没有。我不知道发生了什么事
任何人都可以帮我忙吗？
我的html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http
浏览 5提问于2022-05-06得票数 -1
我制作了一个简单的引导页面，但是我的最后一个div被切断了。我不能向下滚动到它。我一直在网上寻找，我试着在我的.容器液中增加一分钟的高度，但是它没有起作用。我知道这很容易，我就是搞不懂。
HTML：
<div="container-fluid">
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
CSS：
.container-fluid {
min-h
浏览 1提问于2018-09-20得票数 0
回答已采纳
2回答
我在博客上定位页眉和页面列表时遇到了问题。我希望页眉和页面列表之间的距离更大，所以我尝试在页眉包装中添加高度，但徒劳无功。我试着玩弄利润，但我失败了。请帮帮忙。代码如下：
/* Header
-----------------------------------------------
*/
#header-wrapper {
height: 343px;
margin: auto;
padding: 0;
width: 1100px;
}
#header-inner {
float: left;
padding-left: 15px;
}
#he
浏览 2提问于2012-04-15得票数 1
回答已采纳
我有一个UIView，它的高度是40。但我在里面有一个UILabel，可以是一行，也可以是倍数。如何根据这一点调整UIView的大小？如果需要的话，我愿意在Swift中这样做，但是如果在Interface中有一种方法，那就更好了。
浏览 3提问于2015-06-30得票数 0
回答已采纳
我正在构建一个UI，其中主视图的背景色是黑色的，视图中一些UIView元素的背景色是白色的。当不存在UIView元素的UI约束时，颜色将正确显示。但是，当我向UIView元素添加任何约束时，白色背景似乎变得透明。我假设它仍然存在，因为相对于这个UIView元素，其他元素的UI约束仍然在它们正确的位置上。
这是我的UI的结构(没有UI约束)：
这就是模拟器中的样子(iPhone XR 12.2)：
现在，我向UIView元素view_config添加以下UI约束
当我再次在模拟器中运行这个应用程序时，现在view_config的背景色是透明的。
浏览 1提问于2019-07-19得票数 1
回答已采纳
下面的CSS代码在IE 11版本的浏览器中有问题，线高应该是36 am，我漏掉了什么？
它以铬表示正常。
input {
display:block;
width:100%;
background:#fbfbfb;
color:#666;
font-size:.875rem;
line-height:2;
box-sizing:border-box;
border:solid .0625rem #ccc;
padding:.1875rem .5rem;
margin-bottom:.875rem;
}
<form action="demo_form.as
浏览 1提问于2019-08-04得票数 0
回答已采纳
1回答
我有一个CSS div，它应该有一个最大高度。它的CSS有：
div#feed
{
border: 2px solid black;
float: right;
height: 80%;
max-height: 80%;
overflow-y: hidden;
width: 200px;
}
当条目被添加到div中时，它会一直增长，直到被屏幕底部切断(并且仍然在增长)。这种行为在Chrome、火狐、IE8和IE9上都是一致的。
有没有一种很好的跨浏览器的方式来做我在上面的CSS中尝试的事情？
谢谢,
浏览 3提问于2012-09-05得票数 0
我正在尝试CSS解决方案来滚动表格内容，同时保持标题固定。
CSS代码1：
<style type='text/css'>
* {
padding:0;
margin:0;
border:0;
}
#ListData {
display:block;
width:100%;
height:100%;
float:left;
background:#ffffff;
}
#ListData table {
浏览 18提问于2010-01-15得票数 5
2回答
你能告诉我如何增加行的高度(即div ).I在div .But中追加数据我需要增加div .Mean的高度示例: 50px .It mean后50px新行将开始？
小提琴
setInterval(function () {
$('#realTimeContents').append("Hiiiii. is div")
}, 1000);
浏览 0提问于2013-09-16得票数 0
我真的不是一个CSS专家，你会注意到:)我有一个相当简单的站点，但我就是不明白为什么IE8在包截图之间添加了如此巨大的差距。
如果有人能给我指明正确的方向，我会很高兴的。我真的找了很长时间。我真的试过了:)
预先感谢奥利弗
浏览 5提问于2011-04-06得票数 0
回答已采纳
由于某些原因，滚动条总是在我的应用程序上显示在我的flash播放器周围。请看我下面的一个页面，其中有我的应用程序，其中显示了一个flash播放器，我已经尽我所能删除它周围的滚动条；
我在Mac和Windows上都试过了-- Safari、IE、Firefox和Chrome，但它们都显示滚动条。如果您的浏览器中没有显示滚动条，您可以看到下图。我只是不明白，网上有一些人也有同样的问题，但他们的解决方案对我不起作用。有谁知道吗？
更新
画布图像
浏览 0提问于2012-01-04得票数 0
2回答
CSS旋转不居中
、、、
所以我有一个在悬停时旋转的圆，但它不是中心的，我不知道为什么(我添加了“转换-原点:中心中心”)，而且，对不起，我对css知之甚少，但是当有两个连续的选择器时，它做了什么/意味着什么？
这是我的密码：
#welcome:hover #welcomeavatar{
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-ms-transfor
浏览 4提问于2017-05-12得票数 3
回答已采纳
我的问题是div的高度没有增长，所以我的标签阻塞了页面上的其他元素。我知道我可以设置div的高度。但我想要自动增长。我该怎么做呢？
谢谢!
<div id="div">
<asp:Button ID="btn" runat="server" Text="Button" />
<asp:Label ID="lbl" runat="server" Text="Label" />
</div>
#lbl
{
padding: 1em
浏览 1提问于2012-02-25得票数 0
回答已采纳
2回答
使用png图像为我们的徽标内的标题我们的网站。我的问题是，在标志中的文字(在标志的中间)是被切断的。因此，在“解决方案”一词下面，第二行文本并没有完全显示出来。
网站位于，徽标在左上角。任何关于如何解决这个问题的想法或建议都是值得感谢的。
#eut-main-header,
.eut-logo {
height: 125px;
}
.eut-logo {
display: block;
position: relative;
z-index: 2;
overflow: hidden;
}
.eut-position-left {
float: left;
}
浏览 0提问于2018-04-14得票数 1
我有个按钮..。实际上是一个充当<li>的角色。我用填充物塑造它，没有给它任何高度。对于单击效果，我在active上设置字体增加+1。现在，在Firefox上，它扩展了按钮，这不是我想要的。在铬上，它是正确的，并保持按钮大小不变，同时增加字体大小。我可以通过设置按钮高度来解决这个问题--没问题。虽然这并不理想。
但我只是想知道什么是正确的行为？字体大小是否应该扩展按钮？
我认为，在IE退出的情况下，两个兼容的浏览器应该就如何在常见场景中呈现内容达成一致。
谢谢。
更新
我为没有包括CSS而道歉。我觉得用词很简单。这是样品..。
<!DOCTYPE html>
<
浏览 0提问于2014-04-29得票数 0
回答已采纳
首先检查 .
这里我的<input>有一个height of 10px;，它给了一个padding of 10px;，我知道它不是一种正确的风格。不过，在Chrome、IE和Safari上运行得很好，但对于火狐来说，这是另一个故事--它种植了我的
我知道不同的浏览器有不同的呈现方法，但是谁能告诉我这背后的确切原因，我是否可以解决这个而不改变高度、填充或字体大小的(不应该小于14 it)？
浏览 2提问于2017-08-14得票数 0
回答已采纳
2回答
当内容太小时，我希望我的页脚留在页面底部(我不想在页面中间看到我的页脚)。
我遵循了教程和，它们都描述了相同的技术(最小高度:容器的最小高度为100%，页脚有一个明确的高度，等等)。
问题是所有这些东西都不起作用，因为我碰巧有一个固定的头，这意味着我的实际内容从body + 130px开始
body{
padding-top: 130px;
}
结果是，是的，我的页脚位于底部，但我仍然可以滚动130px以上。
我看到的所有教程和问题都不是固定的标题。
谢谢大家
浏览 0提问于2011-11-13得票数 0
回答已采纳
2回答
我在每个div框中加载一些文本行(类别列表)。我需要它显示只有三个在加载。所以我限制了高度并设置了overflow:hidden；css来实现它。我在盒子旁边有一个小按钮(图片加载在div中)，用来增加和减少盒子的高度。问题是这个项目不能正常工作。以下是代码(我将保留其他无关的HTML/CSS/jQuery代码)：
HTML (页面中的一个框)：
<div class="content" style="height:50px;overflow:hidden;">
<div>Category 1</div>
&l
浏览 0提问于2012-12-24得票数 0
回答已采纳
1回答
滚动条高度小于div的高度。
、、、、
问题
建于
NextJs
反应
脉轮-UI
开源编辑器
建于
NextJs
反应
开源编辑器
无脉轮UI
没有问题，但有问题。
再生产
将下面的标记逐个粘贴到两个编辑器中
# Save your application from crashing by the wrong use of Web Storage API or localStorage in the browser
While coding front-end applications, we may need to store some data on the c
浏览 3提问于2021-10-05得票数 0
回答已采纳
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
错误描述： Uncaught Error: The React Flow parent container needs a width and a height to render the graph.
updateDimensions 0.chunk.js:42077
GraphView 0.chunk.js:42085
React 6
unstable_runWithPriority scheduler.development.js:653
React 3
workLoop scheduler.development.js:597
flushWork scheduler.developm
浏览 29提问于2020-07-26得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
