如何使用css将div设置为固定高度？

文章/答案/技术大牛

发布

1回答

html、css

我想为container_two目录设置固定的高度，这意味着即使在container_two目录中只有很少的项目，也应该在底部留下一些空间。<div class="description">some big description</div> <div class="container_two"> //wantto

浏览 8提问于2020-08-11得票数 0

2回答

动态调整背景图像的div大小

css、background-image、image-resizing

但是，高度没有适当调整--继承的CSS属性将div设置为固定高度50 of。目前，我正在使用：我可以为将被观察到的div指定一个固定的高度，但是只有在特定的窗口大小时，背景才是正确的。如果我将大小设置为auto或100%，它将变为50 it；如何使它忽略它认为应

浏览 0提问于2015-08-20得票数 1

回答已采纳

1回答

在不知道背景高度的情况下用背景设置div高度

jquery、html、css、height、masonry

<div class="grid-item"><div class="grid-con" style="background:url(http://image-goes-here.com/img.jpg);"></div></div> // etc...我使用jQuery将属性设置为</

浏览 0提问于2015-12-25得票数 1

回答已采纳

2回答

定高DIV内容的拟合

javascript、css、layout、html

假设我们有固定高度的DIV。如果没有定义的width，内容将扩展到100%的宽度。如何调整宽度以填充DIV。当然，这是不可能的CSS，因此，我正在寻找一个解决方案与Javascript。在这个中，文本分布在100%的宽度上，在固定的高度留下大量的空空间。我需要通过javascript将宽度设置为130 to，以适应整个DIV的内容。但是如何计算宽

浏览 5提问于2012-06-20得票数 0

回答已采纳

1回答

溢出:隐藏和%高度

html、css、overflow

我正在创建一个页面，我不想要任何固定的像素高度，也使用overflow:hidden。我的HTML是这样的；...Some contentCSS定义为； border-color现在的问题是，如果我将高度设置为100%，则可滚动的

浏览 1提问于2011-10-17得票数 4

回答已采纳

2回答

CSS:动态最小高度取决于分辨率

header、footer、css

可以计算css文件中两个div之间的差异吗？目标是将内容div的高度设置为固定页眉和页脚之间给定的最大高度。例如，我们有一个高度为25%的页眉div和一个高度为15%的页脚，两者都是固定的。因此，由于间隙将根据客户端显示器上设置的分辨率而变化，因此我需要类似以下内容： min-height =

浏览 0提问于2012-05-21得票数 1

5回答

如何将img大小设置为不溢出？

html、css、image

我有一个固定高度的div，它包含一个包含一些文本和一个img元素的跨度。如何将img高度设置为等于div高度减去跨度高度？样本代码：<head>div { height: 100px; width: 800px; border-sty

浏览 7提问于2017-09-19得票数 1

回答已采纳

2回答

CSS等高列

jquery、html、css、bootstrap-4

如何使用CSS强制右列与左列(图像)的高度相同？ $('.comments').css('height', $(&#x

浏览 0提问于2019-04-09得票数 0

回答已采纳

5回答

向表格添加滚动条

html、css

我想添加一个垂直和水平滚动条到表的固定标题。通过使用thead和tbody标签，我可以在火狐中添加滚动条，但IE不支持tbody中的overflow:auto property。IE8不支持css表达式，你能告诉我如何做到这一点吗？

浏览 20提问于2009-08-24得票数 7

8回答

让div占用100%的正文高度，减去固定高度的页眉和页脚

css

从我的研究来看，这似乎是一个绝对经典的CSS问题，但我找不到一个明确的答案-所以它是StackOverflow。 <header>title etc</header> <div id="content">body cont

浏览 1提问于2013-02-22得票数 83

回答已采纳

1回答

将div设置在屏幕的顶部，并仅显示div底部的特定高度。

html、css、web、responsive-design

是否有任何CSS解决方案可以将动态高度 div从屏幕顶部定位到屏幕顶部，并且只在屏幕上显示固定高度底部部分？请参阅图像以获得清晰的解释：我知道这可以使用javascript实现，只需获取div的高度，然后将"top“属性设置为div的负高度+可见部分的高度，但我正在寻找一个非JS解决方案。

浏览 3提问于2016-06-28得票数 1

2回答

具有固定高度的响应div层

html、css

如何将div层设置为以像素为单位的固定高度，但在同一时间内，该高度要以较小的分辨率作出响应？假设div的高度是： CSS如果我使高度100%，它将调整大小，它将作出反应。那么，

浏览 4提问于2014-01-31得票数 0

1回答

Bootstrap模式:用于高度更改的转换

html、css、twitter-bootstrap、bootstrap-modal、css-transitions

我有一个以Bootstrap (4)为中心的Modal，它具有固定的宽度和基于模式中的内容的动态高度(默认行为)。在模式内部，我有几个div，它们将根据某些条件被隐藏或显示。我不知道这些组件中哪些是可见的，哪些是隐藏的，所以高度不能固定。现在，当组件被设置为隐藏时，模式会立即改变其高度。我想使用CSS转换来平滑地改变模式的高度。我尝试应用这个CSS</

浏览 20提问于2021-06-16得票数 1

1回答

基础响应式Web设计

html、css、responsive-design、zurb-foundation

链接：<div style="background:url(gymBasketballHoops.jpg);height:100%;"> </div> 当我将height设置为190px时，无论浏览器大小如何，它都会显示190，但当我将height设置为100%时，它只显示50px的图像。我用了很多东西在我现在的网站

浏览 2提问于2011-10-29得票数 0

回答已采纳

3回答

DIV水平居中，与顶部或底部的距离固定，在窗口中不滚动

html、css、css-position

假设我有一个div，我希望它水平居中，并设置为与窗口顶部或底部的固定距离。我希望将宽度设置为75%，并根据动态内容将其高度设置为流体。页面的内容永远不会延伸到视区之外，所以它不会滚动。我如何使用CSS来做这件事？基本上，HTML就在这里： <div id="main"> <

浏览 0提问于2012-10-30得票数 0

回答已采纳

2回答

所以我在我的页面上有一个div，不管设备大小如何都是209.53px。我想有一个计算，可以计算出这覆盖了屏幕的百分比。这样，我就可以设置一个地图/图像来填充屏幕的其余部分。我尝试过使用height 80% ect，但是我就是做不到，在SASS/SCSS中有什么方法可以做到这一点吗？所以我会说： 209.53/(SCREEN HEIGHT IN PIXELS) = PERCENTAGE COVERED di

浏览 211提问于2019-06-21得票数 1

回答已采纳

3回答

html和身体元素的高度

html、css

我一直在互联网上查找，以了解最小高度和高度属性如何在身体和html元素上工作。另一种说法是，要在身体上设置百分比高度，我们还需要设置html的显式高度。 </body>元素的<e

浏览 4提问于2015-08-08得票数 5

回答已采纳

1回答

固定位置

jquery、html、css

我有脚本需要计数窗口高度(jQuery) .在一些论坛上，我发现我必须使用doctype (因为没有doctype，窗口的高度仍然是8)。我使用了 (w3schools.com)的doctypec我也有固定的div。如果我使用doctype，固定的div消失，但如果我不使用doctype，我将无法计数窗口的高度。如

浏览 2提问于2014-03-15得票数 0

回答已采纳

1回答

如何在页面滚动和处理高度时制作div滚动

javascript、jquery、html、css

我正在制作固定的div，它必须滚动与页面滚动，这是完美的固定位置，但在我的html文件中，当你滚动到页脚或当你点击隐藏按钮时，你会看到滚动div与页脚混合，这是如何在底部处理它的问题。下面是JS css和html $("#toggle").toggle();.fixed_div {class="header"

浏览 1提问于2016-03-18得票数 0

2回答

可以通过容器来限制滚动元素的高度吗？

html、css、height

我有一个包含的div，它的高度和宽度受到限制。它有两个子元素。第二个子节点是包装表格的div。div被设置为overflow-y: scroll，所以它的目的是填充容器的剩余高度，并在不完全适合的情况下为其内部表的其余部分提供滚动。使用height:100%不会填满剩余的容器高度，但会将高度设置为</

浏览 2提问于2011-07-27得票数 2

回答已采纳

点击加载更多