如何使用calc() CSS计算中间div(3div)的高度

文章/答案/技术大牛

发布

2回答

javascript、html、css

是否可以将css3的calc()函数用于以下用例？我有一个标题有一定的填充，然后我有底部有按钮。标题高度和底部高度是固定的，但是位于标题和底部之间的内容高度需要根据我们提供给容器的高度而动态变化例如:我使用calc()根据main类计算高度。CSS： .header {

浏览 49提问于2019-02-28得票数 0

回答已采纳

2回答

计算基于父宽度的Div周围的Div的高度？

css

我有一个外部div，它具有以下CSS属性(压缩后只显示相关的内容)：position:relative;width:calc(100%- 80px);height:calc(100% - 80px);在它里面我有三个div，顶部的包含介绍性文本，中间的包含内容，底部的用于访问者评论。:calc

浏览 2提问于2015-05-28得票数 1

2回答

Html Css流体布局不工作

html、css

div></div>* margin: 0;} { height: 50px;{ height: c

浏览 4提问于2014-04-05得票数 0

回答已采纳

4回答

JQuery:带有窗口调整大小()的动态高度()

jquery、html、css

我有一个和这张海报一样的问题：<body> <div id="bg1" class="bg">top<

浏览 6提问于2011-11-15得票数 22

回答已采纳

6回答

如何防止CSS中的边距溢出？

html、css、bootstrap-4

我尝试过使用overflow: auto;，但这增加了滚动条。我怎样才能避免溢出？ #a { height: 33%} #b { he

浏览 1提问于2018-08-13得票数 5

回答已采纳

1回答

窗口头部和底部之间垂直的中心图像

html、css

我正试图将手机的图像垂直地对中。代码我必须远远工作，但如果我降低窗口高度，电话图像将重叠的标题。我想要做的是把手机图像垂直地放在标题底部和窗口底部之间，不管窗口有多高(但不重叠标题)。谁能给我一些关于如何做这件事的建议？谢谢： margin: 0; /* To keep our header correct */ #header { backgroundid="

浏览 2提问于2015-05-01得票数 0

1回答

Divs高度之和为100 %，但滚动显示

html、css、responsive-design

我试图用CSS做一个非常简单的全屏网格。display: inline-block; background-color: red; height: calcDOCTYPE html> <head> <link rel="stylesheet" type="text/css" href="responsive.<em

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

回答已采纳

5回答

垂直拉伸div的CSS解决方案

html、css、css-tables

我有三个孩子在其中一个家长的分区。第一层和第三层为固定高度。如何才能使第二次div占据所有剩余空间。只寻找CSS解决方案。HTML: <div id="first">1</div> <div id="second">2</div>

浏览 5提问于2016-04-06得票数 1

1回答

CSS -我可以在Calc()中使用对象的宽度吗？

css、calc

我想要这样的东西：这只是一个小例子，但我最终是想找一种方法来使用设置的宽度作为计算的一部分，而不是一种更简单的方法来解决这个例子。我所做的任何搜索都只是给出了如何使用calc()设置宽度的示例。谢谢!

浏览 1提问于2018-05-08得票数 7

2回答

如何在jQuery中使用变量进行计算？

jquery、css

我正在创建一个程序，允许用户更改div的大多数CSS属性。我需要它的中心，但我通常这样做是与下面的CSS代码。div { background: black; height: 100px; right: calc(50% - 50px);我需要使宽度和高度，但是，他们自己的变量，然

浏览 4提问于2017-01-24得票数 2

回答已采纳

1回答

在使用scss的计算中使用媒体查询

css、media-queries、sass

我想要一个基于窗户宽度和高度的计算器。有没有办法拥有这样的东西？$calc = percentage((@media.width)/200)*3); width: $calc在计算中使用窗口的宽度或高度，与css</em

浏览 2提问于2012-11-14得票数 1

回答已采纳

2回答

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

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

回答已采纳

6回答

3DVS覆盖整个窗口

html、css

我在使用CSS定位div时有一点问题--我想让3div覆盖整个窗口：谢谢。

浏览 5提问于2014-04-01得票数 0

回答已采纳

1回答

是否可以将类更改应用于d3.js中selection.classed()的元素，或者设置相对于其currentValue的CSS属性值

javascript、html、css、d3.js

我使用d3.js向mouseOver()和mouseOut()事件上的一组元素添加和删除类。我希望将类设置为"isHovered“，并将我要更改的属性的值设置为相对于元素的当前值。{ .classed('isHovered', 'false'); }; 并使isHovered类更改元素的大小我尝试分配和取消分配"isHovered“类

浏览 25提问于2021-09-16得票数 1

回答已采纳

1回答

计算css、样式化组件或scss中元素的实际宽度

css、sass

假设我们最初在div元素中有min-width: 3rem。但是当我们在div中添加更多的内容时，div的宽度就会增加。现在有什么技巧可以计算css、scss或样式组件中的div的实际宽度了吗？

浏览 79提问于2020-05-06得票数 0

1回答

角度选择的多选下拉菜单

css、dropdown、angular-chosen

</div>我想要上移的是.selected-drop div。如果我设置.selected-drop元素的css top值来将元素移动到正确的位置，它的位置是完美的，但是在过滤列表时，如果找到的项很少或找不到项，则下拉列表相对于dropdown元素的顶部会缩小，从而在dropdown (在父div之上)和父div

浏览 22提问于2016-08-23得票数 1

回答已采纳

3回答

不带"calc“的CSS* - div高度计算*

css、height、calc

在我的网站上，我使用了两个div，它们的height应该像一样。因此，有一个与窗口底部对齐的div和height:90px;，如果我希望第二个div (红色)“填充”窗口的其余部分，我能做什么呢？红色div应该有窗口的height减去蓝色div的height，但是像calc(100vh - 90px)这样的东西是行不通的，对吗

浏览 7提问于2015-07-07得票数 2

回答已采纳

1回答

将div拉到导航栏后面

html、css

SPA上的Vanilla HTML/CSS：我有一个高度为40px的CSS导航栏。我有一个DIV下面有一些内容。我没有将页面高度设置为100vh或其他任何值。我想把DIV放在导航栏的“下面”，这样DIV在加载时恰好等于100vh。换句话说，我希望导航栏和DIV在加载时恰好是100vh，这样第一个滚动条就会显示第二个DIV的开始。<div<

浏览 2提问于2018-02-12得票数 0

1回答

未定义变量时计算css高度

css、sass

我试图将div的高度设置为全屏幕高度减去其他变量的高度，例如页面横幅和页面通知。但是，页面通知并不总是存在于某些页面中，因此，在没有页面通知的页面上，高度计算并不有效。我如何告诉CSS计算高度的值，如果未定义可变页面通知高度，那么只忽略它或将值设置为0？.div { height: calc</em

浏览 4提问于2021-12-20得票数 0

回答已采纳

3回答

是否可以使用calc()来计算宽度/高度比？

css、calc

/header-dummy-small.png');"></div>.chi_display_header { width:1280px;}最小高度:100 最大

浏览 5提问于2016-05-04得票数 13

回答已采纳

点击加载更多