Tag: 高度

如何强制内联阻塞的div到相同的高度: 我有像网格一样的内联阻塞div。我想强制所有在同一行的同一高度，他们应该得到最长的div的高度。 Css，jquery或简单的JavaScript解决方案会很棒。这是现在非常普遍的事情……我去看了一下砌体，但就我在样本图形上的理解而言，它并没有像这样对齐……我是对的吗？有问题的博客： http ： //ildesign-blogger-demo-1.blogspot.fr/ HTML： text text + image text whatever text + image text CSS： .container {width: 100%; display:block;} .inline {display: inline-block; width: 28%; margin: 1%; padding: 1%;} 因此，每行中有三个内联div，我希望线条对齐，所以内联div应该具有相同的高度，就像行中最长的div一样…… 编辑：我重新编辑了这篇文章，添加了一个Blogger xml模板生成的html。所以，如果你建议将每三个内联div添加到一个div中，就像一行，我不知道怎么做…原始的xml代码：所以上面的html示例中的.blog-posts = .container和.date-outer = .inline … 砌体可以做到吗？或者用于制作具有相同高度的网格的jquery代码？

在chrome问题中使用jquery的图像高度: $(‘img’).height()在chrome中返回0 ，但它返回IE和firefox中的实际高度。什么是实际的方法来获得铬的图像的高度？

获取具有溢出的div的高度：auto;: 我有一个高度为div：100px和overflow：auto内容是动态的。我想滚动底部的div 我试过了 $(“#chat_content”).scrollTop($(“#chat_content”).height()); 但是如果内容大于100px $（“＃chat_content”）。height（）返回100并且div不在底部滚动我能怎么做？谢谢

无法在chrome中获得对象的真实高度/宽度: 我有一个问题，如果我在css中设置图像高度并尝试获得高度/宽度，我会在不同的浏览器中得到不同的结果。有没有办法在所有浏览器中获得相同的维度？你可以在这里找到一个实例。 <-Removed 这个概念是这样的： CSS: img{ height:100px; } Script: $(document).ready(function(){ $(“#text”).append($(“#img_0”).attr(“height”)); $(“#text”).append($(“#img_0”).attr(“width”)); }); 输出Firefox：img height：100 img width：150 输出Chrome：img高度：100 img宽度：0 输出Chrome：img高度：100 img宽度：93？我从StackOverflow尝试过这个：stackoverflow.com/questions/1873419/jquery-get-height-width 但仍然得到相同的结果谁知道一个好的解决方案？

将div的高度设置为宽度的一半: 当宽度根据用户屏幕大小改变时，如何将div的高度设置为宽度的一半？我在div上有以下内容…… #div1 { min-width:400px; width:100%; max-width:1200px; height:400px; background-color:red; } 宽度在此工作正常，如果屏幕太窄则锁定在400像素，如果屏幕太大，它也会在1200像素处停止扩展。但是，我也希望高度可以改变为任何给定时间宽度的一半。就像是… #div1 { min-width:400px; width:100%; max-width:1200px; height:width/2; background-color:red; } 这没效果（我真的没想到）。如果可能的话，我更喜欢使用CSS，但是如果用户手动调整互联网窗口的大小（就像当前的宽度那样），我也希望改变高度。我不确定CSS是否可行，但是，如果有一种方法可以通过Jquery实现这一点，我也很乐意使用它。以上jsFiddle以供参考。谁能帮我？

如何根据iframe中的动态conent更改iframe的高度？: 我有一个拥有动态内容的iframe。如果答案具体问题，则显示其他信息（隐藏的div变为可见）。我希望iframe的高度能够扩展。我知道这里已经多次询问过这个问题，但似乎通常在加载iframe中的不同页面时，而不是在iframe中动态更改内容时。这是我尝试使用jsFiddle放在一起的一个例子： iframe： http ： //jsfiddle.net/B4AKc/2/ 页面： http ： //jsfiddle.net/PmBrd/ 有任何想法吗？

根据视口高度动态设置DIV高度: 我正在尝试将div的高度设置为视口高度的30％，我非常希望在视口高度发生变化时进行缩放。我尝试设置最小高度：30％; 身高：30％但是不起作用。我看了一下JQuery的高度（）; 但我只是不知道如何开始。谢谢。

通过scrollTop值缩小标题高度: Howdey！简单问题：我有一个固定的标题，高度根据window scrollTop -value缩小到其高度的一半。到目前为止我所拥有的： HTML CSS body{padding-top:200%} /* not really needed */ #header { position:fixed; top:0; left:0; right:0; height:200px; color:#eee; background:#222 } #header img {height:100%; width:auto} JS var header = $(‘#header’), headerH = header.height(); $(window).scroll(function() { if ($(this).scrollTop() <= headerH / 2) { header.css({ height: -($(this).scrollTop() – headerH) }); } }).scroll(); 这是一个小提琴。到目前为止运作良好。 […]

使用jQuery调整父元素的高度以匹配其可见子元素的高度: 我有一个幻灯片在容器中运行，需要容器的高度来匹配可见幻灯片的高度。不幸的是，图像绝对定位，我无能为力。为了解决这个问题，我正在使用一些jQuery魔法来处理相同的function。出于某种原因，我的代码无效。每当调整#container元素的大小时，函数就会运行，并且应该将#main的高度调整为与可见幻灯片相同的值。但是，呃..没有bueno。我的控制台中没有显示任何错误。思考？ http://jsfiddle.net/danielredwood/2G4ky/3/ 幻灯片插件： http ： //jquery.malsup.com/cycle/ HTML： CSS： #container { max-width:960px; } #main { max-width:780px; height:520px; margin:0 auto 40px; overflow:hidden; background:#ccc; } #main img { width:100%; height:auto; } JavaScript的： $(‘.home’).cycle({ fx:’fade’ }); $(‘#container’).resize(function(){ var child_height = $(‘.slide:visible’).height(); $(‘#main’).css(‘height’, child_height); });