Tag: 高度

Twitter Bootstrap：100％高度的容器div: 使用twitter引导（2），我有一个简单的页面导航栏，并在container内，我想添加一个100％的高度（到屏幕底部）的股利。我的css-fu是生锈的，我不能解决这个问题。简单的HTML： <body> <div class="navbar navbar-fixed-top"> <!– Rest of nav bar chopped from here –> </div> <div class="container fill"> <div id="map"></div> <!– This one wants to be 100% height –> </div> </body> 目前的CSS： #map { width: 100%; height: 100%; min-height: 100%; } html, body { height: 100%; } .fill { min-height: 100%; } 编辑* […]

Android以编程方式设置自定义视图的高度和宽度: 我创build了一个名为Graphview的自定义视图。这里是GraphView类的结构。 public class GraphView extends View { public GraphView(Context context, float[] values, String title, String[] horlabels, String[] verlabels, boolean type) { super(context); …….. } ……………… …………….. } 我使用addview()在addview()添加了视图。它工作正常。现在我想为GraphView设置高度和宽度。怎么做？

Div高度100％并扩展以适应内容: 我的页面上有一个div元素，其高度设置为100％。身体的高度也被设定为100％。内部div有一个背景，所有这一切，是不同的身体背景。这适用于使div高度达到浏览器屏幕高度的100％，但是问题是我的内容里面的内容超出了浏览器屏幕高度的垂直范围。当我向下滚动时，div结束于必须开始滚动页面的位置，但内容溢出。如何让div始终走到底部以适应内在的内容？这是我的CSS简化： body { height:100%; background:red; } #some_div { height:100%; background:black; } 一旦我滚动页面，黑色结束，内容stream入红色的背景。这个问题在#some_div上设置为相对或绝对位置似乎并不重要，问题也会出现。 #some_div里面的内容绝大部分是绝对定位的，它是从数据库dynamic生成的，所以它的高度是不可预知的。编辑：这是一个问题的截图：

当viewport没有被resize时，jquery $（window）.width（）和$（window）.height（）返回不同的值: 我正在写一个使用jQuery的网站，反复调用$(window).width()和$(window).height()来根据视口大小来定位和调整元素的大小。在进行故障排除时，我发现当视口未resize时，在重复调用上述jquery函数时，获得的视口大小报告略有不同。想知道是否有什么特别的情况发生，或者如果是这样的话。看起来大小的差异是20px或更less。它发生在Mac OS X 10.6.2上的Safari 4.0.4，Firefox 3.6.2和Chrome 5.0.342.7 beta版本中。我还没有testing其他浏览器，因为它似乎并不是特定于浏览器。我也无法弄清楚区别在哪里，如果不是视口的大小，是否还有另外一个因素使得结果有所不同？任何有识之士将不胜感激。更新：它不是$(window).width()和$(window).height()正在改变的值。这是我用来存储上述值的variables的值。这不是滚动条的值，当variables值改变时，不会出现滚动条。这里是我的代码来存储在我的variables的值（我正在做，所以他们更短）。（所有这些在$(document).ready() ） //最初声明variables在.ready()可见， var windowWidth = $(window).width(); //retrieve current window width var windowHeight = $(window).height(); //retrieve current window height var documentWidth = $(document).width(); //retrieve current document width var documentHeight = $(document).height(); //retrieve current document height […]

CSS：100％的宽度或高度，同时保持宽高比？: 目前，使用STYLE，我可以使用width: 100%和高度auto （反之亦然），但我仍然无法将图像限制在特定的位置，分别太宽或太高。有任何想法吗？

CSS Div拉伸100％的页面高度: 我的页面左侧有一个导航栏，我希望它可以延伸到页面高度的100％。不只是视口的高度，还包括隐藏区域，直到您滚动。我不想使用JavaScript来完成这一点。可以在HTML / CSS中完成吗？

CSS如何设置div高度100％减nPx: 我有一个包装div，其中包含2个div彼此相邻。在这个容器上面我有一个包含我的标题的div。包装div必须是100％减去标题的高度。头是约60像素。这是固定的。所以我的问题是：如何设置我的包装div的高度是100％减去60像素？ <div id="header"></div> <div id="wrapper"> <div id="left"></div> <div id="right"></div> </div>

Div宽度100％减去固定的像素数量: 如何在不使用表格或JavaScript的情况下实现以下结构？白色边框表示div的边缘，与问题无关。中间区域的大小会有所不同，但是会有精确的像素值，整个结构应该根据这些值进行缩放。为了简化它，我需要一种方法来设置“100％-n px”宽度的顶部中间和底部中间的div。我会很感激一个干净的跨浏览器解决scheme，但万一这是不可能的，CSS黑客会做。这是一个奖金。另一个结构我一直在努力，最终使用表或JavaScript。略有不同，但引入了新的问题。我一直主要在基于jQuery的窗口系统中使用它，但我想保持布局不在脚本中，只控制一个元素（中间的）的大小。

用jQuery获取div的可见高度: 我需要检索可滚动区域内div的可见高度。我认为我自己相当体面的jQuery，但这是完全抛弃我。假设我在一个黑色包装中有一个红色的div：在上图中，jQuery函数将返回248，div的可见部分。一旦用户滚动超过div的顶部，如上图所示，将报告296。现在，一旦用户滚动过div，它会再次报告248。很明显，我的数字不会像在这个演示中一样清晰，或者我只是硬编码这些数字。我有一个理论：获取窗口的高度获得div的高度从窗口顶部获取div的初始偏移量在用户滚动时获取偏移量。如果偏移量是正值，则表示div的顶部仍然可见。如果是负面的话，div的顶部已经被窗口遮住了。此时，div可以占据整个窗口的高度，也可以显示div的底部如果div的底部显示，找出它和窗口底部之间的差距。这似乎很简单，但我无法把头围住它。我明天早上再来一次我只是觉得你们中的一些人可能会有所帮助。谢谢！更新：我想到了我自己的，但看起来像下面的答案更优雅，所以我会用它来代替。好奇的是，我想到了： $(document).ready(function() { var windowHeight = $(window).height(); var overviewHeight = $("#overview").height(); var overviewStaticTop = $("#overview").offset().top; var overviewScrollTop = overviewStaticTop – $(window).scrollTop(); var overviewStaticBottom = overviewStaticTop + $("#overview").height(); var overviewScrollBottom = windowHeight – (overviewStaticBottom – […]

如何获得溢出的真正.height（）：隐藏或溢出：滚动div？: 我有一个关于如何获得div高度的问题。我知道.height()和innerHeight() ，但在这种情况下，他们都没有为我做这个工作。问题是，在这种情况下，我有一个溢出宽度溢出的div：scroll和div有一个固定的高度。如果我使用.height()或innerHeight() ，他们都给了我可见区域的高度，但如果我想要考虑溢出，我该怎么办？