CSS以配置div高度等于同级

文章/答案/技术大牛

发布

1回答

html、css

我坚持使用CSS配置。10px;} <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRX

浏览 21提问于2020-03-20得票数 1

回答已采纳

1回答

隐藏前一个分区，如果高度=0

jquery、html、css

我有一个DIV是一个标题，一个兄弟的DIV有内容。如果内容DIV的高度等于0，我想隐藏标题DIV，这是以前的同级。下面是我的剧本和小提琴 if ( $('div.grid').height() < 1 ) { $(this).prev('.titletohide').css('display', 'no

浏览 2提问于2017-05-09得票数 2

回答已采纳

2回答

如何在没有声明容器大小和没有JS的情况下将绝对定位文本垂直居中？

html、css

当我切换到容器的百分比高度，并使用块级图像(与相关文本同级)来设置容器的大小时，问题就出现了。在不声明静态容器大小的情况下，我无法再使绝对定位的文本等于容器高度。我还使用picturefill.js来提供图像，所以使用图像作为css背景是不可取的(除非任何人有建议让它工作)。这里是小提琴： HTML <a href="#"> <img src="

浏览 2提问于2013-05-24得票数 2

回答已采纳

9回答

CSS:包含div的自动高度，包含div的内部背景div的100%高度

css、height

问题是，我有一个内容div，它沿高度方向拉伸它的容器(容器和内容div都有自动高度)。<div id="container"> <div id="cont

浏览 3提问于2010-05-06得票数 35

3回答

html css等于div高度

html、css

我有一个容器div，其中包含两个动态高度(高度尚未设置) div并排，这两个div是内容div，有时一个div有更多的内容，导致比另一个更长，这两个div有不同的颜色，为了有美观的页面视图，我希望这两个div具有相同的高度

浏览 0提问于2011-11-28得票数 1

回答已采纳

1回答

将div与同级div的底部对齐，而不知道同级div的高度

css、layout、siblings

我想在不知道同级div高度的情况下将div对齐到同级div的底部。这是我正在使用的布局：。我想让右手div与左手div的底部对齐，而不是在上边距硬编码，因为在我的最终项目中，左手div的内容将是动态的，高度将不断变化。

浏览 0提问于2012-11-12得票数 2

回答已采纳

4回答

我希望div C填充父div A的其余高度，同时允许同级div B具有可调整的高度。仅仅使用CSS (没有javascript)就可以做到这一点吗？其他类似的问题已经由"position div C absolutely“回答了，但这对我不起作用，因为我希望div B有一个根据其内容而变化的高度。+---------------------------------------+ | D +---------

浏览 0提问于2012-07-21得票数 3

回答已采纳

2回答

浮动元件的动态高度

html、twitter-bootstrap、css、css-float

所谓动态，我指的是要显示的元素是根据动态标准来决定的，并且可以是不同的高度。是否有任何方法来调整同级元素的高度以等于当前元素的高度。下面是一个使用实例。Divs 1和2应该是相同的高度，divs 3和4应该是相同的高度。有人能建议我如何完成这个任务吗。我不能将两个元素封装在一行中，因为我不知道应该先呈现哪个元素。到目前为止，我采取的最大高度要求的最低高度为所有div.但这会导致大量不必要的额外空间。

浏览 10提问于2017-06-14得票数 0

1回答

根据滚动位置按顺序更改多个div的高度和位置

jquery、css、html

我目前正在创建一个带有几个div的单页滚动网站。在滚动时，这些div然后使用jQuery更改高度和位置以创建视差效果。当绿色的div在页面的顶部，它的高度等于文档高度的100%时，我想要第三个div滚动进去。因此，有效地，绿色的div应

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

3回答

不同的容器高度

css、joomla

我的网站上有几个页面，放置内容的容器高度各不相同。我设置了最小高度，因为有些页面不是很大，我不想让它们太短。但现在其他页面也停止在该最小高度。我只想让容器的长度和代码要求的一样长，但是最小高度是650px。hidden; background-color: rgba(255, 255, 255, 0.92);}<divid="container> <div id=&

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

1回答

将div高度更改回动态

javascript、html、jquery、css

我有下面的代码来更改div的高度，使其等于其父对象的高度。$('#infodiv').css("height",$("#infocol").outerHeight());我试着在内容加载了相同的代码后重新配置它的高度，但到目前为止还没

浏览 18提问于2021-02-27得票数 0

回答已采纳

2回答

引导CSS从同级div继承高度。

html、css、twitter-bootstrap

我是一个后端的家伙，试图做一些最低限度的css，我正在努力解决这个问题，我有这个html代码： <div class="col-md-12">>问题：下拉框被包装到一个新的行中，这将导致我尝试的是将它们放到2列中： <div class="

浏览 1提问于2016-01-12得票数 1

2回答

如何设置CSS高度:1个兄弟姐妹100%正确，另一个兄弟姐妹流动高度？

html、css

我有一个容器，它占据了我页面高度的50%。这样就可以了。现在我需要在容器中有两个孩子:一个我不知道高度(根据内容而定的流体)，另一个应该占据容器的剩余高度空间。我知道这个CSS有一件奇怪的事情，当你有两个兄弟，你将其中一个设置为100%的高度时，它没有考虑另一个兄弟的高度，而是只使用了它们的父块级别元素的100%。如何使用CSS实现这一点？(我知道如何使用JS获取.outerHeight来修复它)。 - #1子级示例的固定高度

浏览 7提问于2014-07-01得票数 0

2回答

为什么在IE中嵌套的Div来自父级

css、internet-explorer-6、compatibility、html

为什么在IE中，一些嵌套的div会弹出并放在错误的位置(例如，从应该位置向下200px )。<div style="width:1024px;height:103px;background-color:green;"> </div>

浏览 0提问于2011-07-30得票数 0

回答已采纳

1回答

动态高度CSS正方形

css

我要做一个div正方形。div的高度是动态变化的，我希望宽度等于高度。我已经看到了许多将高度设置为等于宽度的解决方案(在伪元素上使用padding-bottom )，但我需要相反的方法。这是可能的纯CSS吗？

浏览 5提问于2016-12-28得票数 1

回答已采纳

4回答

如何使用CSS调整每个高度的DIV宽度

html、css、responsive-design、aspect-ratio

我有一个带有max-width of 1000px和max-height of 650px的包装div。我正在使用HTML5和CSS3。这是在桌面和移动设备上创建一个响应性布局的尝试。

浏览 3提问于2014-01-20得票数 0

回答已采纳

3回答

将响应式div高度设置为等于其同级

javascript、html、css

我有两个div，它们的宽度由百分比控制。我希望右边的div和左边的div一样高，左边的div根据它所包含的图像的宽度和浏览器窗口的宽度来扩展和缩小。

浏览 2提问于2012-08-31得票数 5

回答已采纳

1回答

固定页眉和页脚，高度可变的两模块侧边栏

css、position、html、css-position

我有一个固定页脚和页眉的布局，我想要的是让"info-box“div的高度可变，并让”scrolling div“填充右列中剩余的垂直高度。正如您在中看到的，如果我将滚动-div的高度设置为100%，它将变得与右列一样高，而不是其余的空间。这是该页面的HTML： <div id="header"> <div</e

浏览 2提问于2013-02-28得票数 1

1回答

根据其他兄弟姐妹的身高调整兄弟姐妹的身高，保持父级的高度不变？

css、html、flexbox

这就是我的html/css的样子。 <div class="question-list-wrapper"> <div class="question-input-wrapper"> // consist of input to post a Question.(keyup)=&

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

回答已采纳

2回答

为什么内联块和内联块具有相同文本内容的不同高度？

html、css

/css/bootstrap.min.css"> <span class="d-inline" style="border: 1px red solid; padding: 3px 0"><span>asbbbclass="d-inline-block badge ml-2" style="border: 1px blue solid"><span>inline-block</span&

浏览 4提问于2020-12-21得票数 6

回答已采纳

点击加载更多