我希望我设计的两个部分(见附图)能够扩展页面的整个高度。我试图创建一个fiddle，但它在那里不起作用，所以I'veputupalinkheretodemowhatImean.我已将保存结果的div的height设置为100%。但是，它不会一直延伸到固定页脚。#found-results{height:100%px;margin-bottom:50px;background:#CCC;}我还希望绿色框向下延伸到页脚。CSS是:.main{width:606px;float:left;padding:15px0016px;position:absolute;background:gree
我希望我设计的两个部分(见附图)能够扩展页面的整个高度。我试图创建一个fiddle，但它在那里不起作用，所以I'veputupalinkheretodemowhatImean.我已将保存结果的div的height设置为100%。但是，它不会一直延伸到固定页脚。#found-results{height:100%px;margin-bottom:50px;background:#CCC;}我还希望绿色框向下延伸到页脚。CSS是:.main{width:606px;float:left;padding:15px0016px;position:absolute;background:gree
我的大部分代码都在jsFiddle中:http://jsfiddle.net/MilkyTech/suxWt/内容应在第一页上以白框加载，溢出的内容会将页面的以下部分向下推。然而，正如可以看到的那样，较低的部分加载在第一页白框的顶部。我已尝试更改各个部分的定位/清除，但似乎无法创建必要的移动。lotsoftextlotsoftext.page1{background:url('../img/bg.jpg')#131313;background-size:cover;height:100%;position:relative;}.huge-title{position:absolute;
我的大部分代码都在jsFiddle中:http://jsfiddle.net/MilkyTech/suxWt/内容应在第一页上以白框加载，溢出的内容会将页面的以下部分向下推。然而，正如可以看到的那样，较低的部分加载在第一页白框的顶部。我已尝试更改各个部分的定位/清除，但似乎无法创建必要的移动。lotsoftextlotsoftext.page1{background:url('../img/bg.jpg')#131313;background-size:cover;height:100%;position:relative;}.huge-title{position:absolute;
我在谷歌地图上有一个自定义信息窗口，有时这些信息窗口包含一个图像。当他们这样做时，信息窗口会在图像加载完成后立即缩小其所在的标记。因此图像需要更长的时间来加载，并且在图像完成加载时div的位置已经计算完毕。我确实相信有一种方法可以检查图像是否已完成加载，但这似乎是一条漫长的路线-是否没有一种简单的方法可以使用JS或CSS使div向上缩放而不是向下缩放。有人知道吗？ 最佳答案 使用绝对定位，而不是使用top设置偏移量，而是使用bottom。使用此属性，您可以确保div底部边缘的位置-任何尺寸变化都会迫使div向上扩展。
我在谷歌地图上有一个自定义信息窗口，有时这些信息窗口包含一个图像。当他们这样做时，信息窗口会在图像加载完成后立即缩小其所在的标记。因此图像需要更长的时间来加载，并且在图像完成加载时div的位置已经计算完毕。我确实相信有一种方法可以检查图像是否已完成加载，但这似乎是一条漫长的路线-是否没有一种简单的方法可以使用JS或CSS使div向上缩放而不是向下缩放。有人知道吗？ 最佳答案 使用绝对定位，而不是使用top设置偏移量，而是使用bottom。使用此属性，您可以确保div底部边缘的位置-任何尺寸变化都会迫使div向上扩展。
这个问题在这里已经有了答案:Whyisthisinline-blockelementpusheddownward?(8个答案)关闭8年前。今天早上我发现了一个奇怪的CSS问题，希望CSS专家能帮助我。在thisdemo，为什么红色div中的文字将其向下推？我预计这两个div将彼此相邻。谢谢!编辑:谢谢大家的回答。我稍后会接受一个答案。谁能解释为什么会这样？
这个问题在这里已经有了答案:Whyisthisinline-blockelementpusheddownward?(8个答案)关闭8年前。今天早上我发现了一个奇怪的CSS问题，希望CSS专家能帮助我。在thisdemo，为什么红色div中的文字将其向下推？我预计这两个div将彼此相邻。谢谢!编辑:谢谢大家的回答。我稍后会接受一个答案。谁能解释为什么会这样？
我一直在寻找解决方案，但找不到。我什至从SO,divwillslidedownbutitwontslideup尝试过这个基本上我在table上使用jquery的slideUp()但它不会向上滑动，而是消失了。我在表格上做了float:none，给父元素加上position:relative。但是还是没有显示出滑动效果。j查询:$('#voucher-btn').click(function(e){$('#voucher-list').slideUp(400);e.preventDefault();});html:Scratch-offPanelSerialNumberApply-->$
我一直在寻找解决方案，但找不到。我什至从SO,divwillslidedownbutitwontslideup尝试过这个基本上我在table上使用jquery的slideUp()但它不会向上滑动，而是消失了。我在表格上做了float:none，给父元素加上position:relative。但是还是没有显示出滑动效果。j查询:$('#voucher-btn').click(function(e){$('#voucher-list').slideUp(400);e.preventDefault();});html:Scratch-offPanelSerialNumberApply-->$
