Questions tagged «height»

该属性确定Y轴上对象的大小。请不要使用此标签,因为它在您的帖子中没有分类价值。

30
如何使div的浏览器窗口高度为100%
我有两列的布局-左div和右div。 右边div有一个灰色background-color,我需要根据用户浏览器窗口的高度垂直扩展它。现在background-color结束于该内容的最后一部分div。 我试过height:100%,min-height:100%;等
2135 html  css  height 

21
使主体具有浏览器高度的100%
我想让主体具有浏览器高度的100%。我可以使用CSS吗? 我尝试设置height: 100%,但不起作用。 我想为页面设置背景色以填充整个浏览器窗口,但是如果页面内容很少,我将在底部看到一个难看的白色条。
844 html  css  height 

11
CSS:将宽度/高度设置为百分比减去像素
我试图创建一些可重用的CSS类,以提高网站的一致性和减少混乱,而且我坚持尝试标准化我经常使用的一件事。 我有一个<div>我不想为其设置高度的容器(因为它会根据其在网站上的位置而有所不同),并且在其中是一个header <div>,然后是一个无序的项目列表,所有这些项目都应用了CSS他们。 看起来很像这样: 我想无序列表占用容器中剩余的房间<div>,知道头部<div>是18px高大的。我只是不知道如何将列表的高度指定为“ 100%减去的结果18px”。 我已经在SO的其他几个上下文中看到了这个问题,但是我认为有必要再次询问我的特殊情况。在这种情况下,有人对您有任何建议吗?
479 css  height  pixel 

18
如何获得元素的渲染高度?
如何获得元素的渲染高度? 假设您的<div>元素内部包含一些内容。内部的内容将扩大的高度<div>。当您没有明确设置高度时,如何获得“渲染的”高度。显然,我尝试过: var h = document.getElementById('someDiv').style.height; 有这样做的技巧吗?如果有帮助,我正在使用jQuery。
405 javascript  jquery  css  height 

25
使div的高度随其内容扩展
我有这些嵌套的div,我需要主容器扩展(高度)以容纳内部的DIV <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_content"> <!-- this DIV _should_ stretch to accommodate inner divs --> <div id="items_list" class="items_list ui-sortable"> <div id="item_35" class="item_details"> </div> <div id="item_36" class="item_details"> </div> <div id="item_37" …
376 css  height 

30
创建具有自动调整大小的文本区域
有关于这个另一个线程,我已经试过。但是有一个问题:textarea删除内容不会缩小。我找不到将其缩小到正确大小的任何方法-该clientHeight值以的完整大小返回textarea,而不是其内容的大小。 该页面上的代码如下: function FitToContent(id, maxHeight) { var text = id && id.style ? id : document.getElementById(id); if ( !text ) return; var adjustedHeight = text.clientHeight; if ( !maxHeight || maxHeight > adjustedHeight ) { adjustedHeight = Math.max(text.scrollHeight, adjustedHeight); if ( maxHeight ) adjustedHeight = Math.min(maxHeight, adjustedHeight); if ( adjustedHeight > …

10
Div宽度100%减去固定像素数
在不使用表或JavaScript的情况下如何实现以下结构?白色边框代表div的边缘,与问题无关。 中间区域的大小将有所变化,但将具有精确的像素值,并且整个结构应根据这些值缩放。为了简化它,我需要一种方法来将“ 100%-n px”宽度设置为顶部-中间和底部-中间div。 我希望能使用一个干净的跨浏览器解决方案,但如果不可能,CSS hacks会做。 这是奖金。我一直在努力并最终使用表或JavaScript的另一种结构。稍有不同,但是引入了新的问题。我主要在基于jQuery的窗口系统中使用它,但是我想使布局不在脚本中,而仅控制一个元素(中间一个)的大小。
316 html  css  height  width 

10
为什么不设置高度:100%可将div扩展到屏幕高度?
我希望轮播DIV(s7)扩展到整个屏幕的高度。我不知道为什么它没有成功。要查看该页面,您可以转到此处。 body { height: 100%; color: #FFF; font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif; background: #222 url('') no-repeat center center fixed; overflow: hidden; background-size: cover; margin: 0; padding: 0; } .holder { height: 100%; margin: auto; } #s7 { width: 100%; height: 100%: margin: auto; overflow: hidden; z-index: 1; } #s7 …
295 html  css  height 

10
如何获取android.widget.ImageView的宽度和高度?
╔══════════════════════════════════════════════╗ ^ ║ ImageView ╔══════════════╗ ║ | ║ ║ ║ ║ | ║ ║ Actual image ║ ║ | ║ ║ ║ ║ |60px height of ImageView ║ ║ ║ ║ | ║ ║ ║ ║ | ║ ╚══════════════╝ ║ | ╚══════════════════════════════════════════════╝ <------------------------------------------------> 90px width of ImageView 我有一个具有默认高度和宽度的图像视图,图像存储在db中,并且我想根据Imageview的高度宽度缩放Image。因为我不希望它提供默认值,因为每当我更改它的高度和宽度时,我也必须在代码中对其进行更改。 我正在尝试获取ImageView的高度和宽度,但是在两种情况下都返回0。 int …
272 android  image  height  width 


11
如何使浮动div的父级高度为100%?
这是HTML: <div id="outer"> <div id="inner"></div> Test </div> 这是CSS: #inner { float: left; height: 100%; } 使用Chrome开发人员工具检查后,内部div的高度为0px。 我如何强制其为父div高度的100%?
256 css  html  height 

11
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>
199 css  height 

12
CSS Div拉伸100%页面高度
我在页面的左侧有一个导航栏,我希望它可以延伸到页面高度的100%。不仅是视口的高度,还包括在滚动之前隐藏的区域。我不想使用JavaScript来完成此任务。 可以在HTML / CSS中完成吗?
195 css  height  max  stretch 

8
使用CSS时画布会被拉伸,但是具有“ width” /“ height”属性的普通画布
我有2个画布,一个使用HTML属性width并调整height其大小,另一个使用CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1会像应该显示的那样显示,但不会像compteur2那样显示。内容是使用JavaScript在300x300画布上绘制的。 为什么会有显示差异?
194 css  html  canvas  height  width 

6
高度百分比HTML 5 / CSS
我试图<div>在CSS中将a设置为一定的百分比高度,但它的大小与其中的内容相同。<!DOCTYTPE html>但是,当我删除HTML 5时,它可以工作,<div>并按需要占用整个页面。我希望页面进行验证,那该怎么办? 我在上有此CSS <div>,其ID为page: #page { padding: 10px; background-color: white; height: 90% !important; }
188 html  css  height 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.