Tag: 高度

使用具有未知高度div的CSS上下设置div为剩余高度

是否有可能使封装填充窗口的高度(不滚动)和中心div滚动,而不与周围的像素和JavaScript? <div id="wrapper"> <h1>Header</h1> <div id="center"> <div style="height:1000px">high content</div> </div> <div id="footer">Footer</div> </div> 基本上我希望标题在顶部可见,页脚始终在底部可见,并在中心有一个可滚动的内容,占据了翻新的高度。 页眉,页脚和中心divs的高度都是未知的(没有设置px或%,即可变的字体大小或填充)。 纯CSS可以吗?

如何通过jQuery获得div的全部内容的高度?

我正在尝试创build自己的滚动条。 我已经尝试了大部分的jQuery滚动条插件,他们都没有为我工作,所以我决定创build自己的。 我有一个可滚动内容的溢出区域。 如果我能够弄清楚可滚动内容区域的高度,我可以让滚动条工作。 我试过.scrollHeight(),浏览器甚至不认识它。 溢stream区有一个固定的位置。

获取高度div没有设置在CSS中的高度

如果没有为元素设置CSS高度规则,是否有任何方法来获取元素的高度我不能使用.height()jQuery方法,因为它需要一个CSS规则集? 有没有其他方法来获得高度?

将iframe内容高度设置为dynamic自动resize

我自己正在寻找一个简单的解决scheme来改变一个iframe的内容的高度。 看起来规则是,你不能从页面上获得iframe的高度。 这是因为安全显然。 我们应该怎么做?

如何填充剩余高度的100%?

+——————–+ | | | | | | | | | 1 | | | | | | | | | +——————–+ | | | | | | | | | 2 | | | | | | | | | +——————–+ (1)的内容是未知的,因为它可能增加或减lessdynamic生成的页面。 第二个div(2)如上图所示,应该填充剩余空间。 这里是我的HTML的一个例子 <div id="full"> <!–contents of 1 –> <div id="someid"> <!–contents of 2 […]

当高度未知时,用flexbox垂直居中时发出问题

我的布局有一个容器flex-container和一个孩子。 HTML: <div class="flex-container"> <div>text</div> </div> 容器和孩子有一个未知的高度 。 目标是: 如果孩子的身高低于容器的高度,则会出现水平和垂直居中。 如果孩子的身高高于容器的高度,则调整到顶部和底部,我们可以做滚动。 scheme: 以flexbox为中心的最快方法是: .flex-container { display: flex; align-items: center; /* vertical */ justify-content: center; /* horizontal */ width: 100%; height: 300px; /* for example purposes */ overflow-y: scroll; background: #2a4; } .flex-container > div { background: #E77E23; width: 400px; } <div class="flex-container"> <div>Lorem ipsum dolor […]

iOS 7中导航栏的高度是多less?

我刚刚创build了一个简单的iOS 7应用程序,使用默认的主细节模板。 在MasterViewController.m , viewDidAppear方法中,我login了 self.navigationController.navigationBar.frame.size.height self.navigationController.navigationBar.frame.origin.y 并相应地收到了44和20。 这看起来很奇怪,因为从我读的内容来看,iOS 7中的导航栏应该是64点高度,并且从0点开始,这样它就位于状态栏的下面。 我读的是 1) iOS 7 UI过渡指南 因为状态栏是透明的,所以它后面的视图显示出来 2) 在导航栏中使用背景图像 如果您的应用程序使用自定义图像作为栏的背景,则需要提供一个“更高”的图像,以便它在状态栏后面延伸。 导航栏的高度从44点(88像素)变为64点(128像素)。

我如何强制浮动DIV匹配另一个浮动DIV的高度?

我的HTML代码只是将网页分成两列,分别为65%,35%。 <div style="float : left; width :65%; height:auto;background-color:#FDD017;"> <div id="response"> </div> </div> <div style="float : left; width :35%;height:auto; background-color:#FDD017;"> <div id="note"> </div> </div> 在response div ,我有可变数据; 在note div ,我有固定的数据。 即使两个div有两组不同的数据,我需要它们以相同的高度显示,以便背景颜色显示为填充包含两者的框。 自然,问题是response div ,因为它的高度根据当前显示的数据量而变化。 我怎样才能确保两列的高度总是相等的?

如何设置SPAN的高度属性

我需要制作下面的代码拉伸与预定义的高度 <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> 但是由于span是内联元素,“height”属性将不起作用。 我尝试使用div来代替,但它会扩展到上层元素的宽度。 宽度应该是灵活的。 任何人都可以提出任何好的解决scheme吗? 提前致谢。

如何用FlowLayout确定UICollectionView的高度

我有一个UICollectionView与UICollectionViewFlowLayout ,我想计算其内容大小(为了通过AutoLayout调整其高度所需的intrinsicContentSize返回)。 问题是:即使我对所有的单元格有一个固定和相等的高度,我不知道在UICollectionView有多less“行”/行。 我也不能通过数据源中的项目数来确定计数,因为表示数据项的单元格的宽度是不同的,所以我在UICollectionView一行中有多less个项目。 由于在官方文档中我找不到任何关于这个主题的提示,并且Google的search引擎没有给我带来更多的帮助,所以任何帮助和想法都非常值得赞赏。