Html 位于同一高度的div
有好几天我都不明白该怎么做，我用不同的方法尝试了。 我无法将按钮放置在同一高度 我试过位置：绝对；底部：0；已确立了父母的地位：亲属 @导入url'https://fonts.googleapis.com/css?family=Montserrat|Quicksand:700 |源代码+Sans+Pro&display=swap'； 身体{ 宽度：100%； } 康特纳·纽曼{ 保证金：0自动； 宽度：75em； 边框：1px纯红； 溢出：隐藏； 显示：-webkit flex； 显示：-ms flexbox； 显示器：flex； -webkit柔性包装：包装； -ms-flex-wrap:wrap； 柔性包装：包装； } 孔泰纳先生{ 显示：-webkit flex； 显示：-ms flexbox； 显示器：flex； 浮动：左； 边缘：1.2米； 宽度：32em； /* Ширина блока */ 背景色：ffffff； /* Фоновый цвет*/ 边框：2个实心D4； /* Ширина и цвет границ*/ 边界半径：1米； /* Радиус границ*/ 盒影：0 0 15px A9A9； /* Размер и цвет тени блока*/ 过渡：1s； /* Время эффекта */ z指数：999999999999999； } .contenner\u新内容{ 宽度：28em； 保证金：1.2米自动； 位置：相对位置； 字号：700； } .contenner_new:悬停{ 转换：scale1.1； /* Увеличиваем масштаб */ } .contenner\u新内容img{ 宽度：28em； } .contener\u新\u信息{ 显示器：flex； 边缘顶部：1米； 字体系列：源Sans Pro、Helvetica、Arial、Sans serif； 颜色：adadad； 字体大小：0.7em； } .contener_新观点{ 左：1米； } .contener_新_日期{ 位置：绝对位置； 右：0； 右侧填充：1em； } .contenner_new_h1{ 文本对齐：居中； 字体大小：1.2米； 保证金：0.5em0； 字体系列：流沙，佐治亚州，新罗马时代，时代，衬线； } 康特纳先生{ 颜色：282828； 文字装饰：无； } .contener_new_h1 a:悬停{ 颜色：22a3ab； } .contenner_new_h2{ 文本对齐：居中； 颜色：adadad； 字号：0.88em； } .contener_新建_按钮a{ 垂直对齐：底部对齐； /* вот она */ 显示：块； 文字装饰：无； 大纲：无； 显示：内联块； 宽度：100%； 身高：4.2米； 线路高度：4.2米； 边界半径：0.5em； 利润率：10px0； 字体系列：“蒙特塞拉特”，无衬线； 字体大小：0.7em； 文本转换：大写； 文本对齐：居中； 字母间距：5px； 字号：600； 颜色：524f4e； 背景：22a3ab； 盒影：0 8px 15px rgba0,0,0,1； 过渡：.3s； } .contener_新建_按钮a:悬停{ 背景：00a8ff； 盒影：0 15px 20px rgba0、168、255、.4； 颜色：白色； 转化：translateY-7px； } /*三维ффцц*/ 2. 日期：2019-200 科西嘉岛有385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里385英里 2. 日期：2019-200 科西嘉岛有385英里的海岸线，200多个海滩，自然保护区，科西嘉岛海岸线上的自然景观，离你租的游艇只有很短的一段距离。这里有一些我们最喜欢的风景值得一游。 2. 日期：2019-200 科西嘉岛拥有385英里的海岸线、200多个海滩、自然保护区和山地休养地。温和的地中海气候促进了丰富的常绿森林，保护了多种鸟类和几种濒危动物。 科西嘉岛海岸线上令人窒息的风景，离你的包租游艇只有一小段距离。这里有一些我们最喜欢的风景值得一游。 2. 日期：2019-200 科西嘉岛拥有385英里的海岸线、200多个海滩、自然保护区和山地休养地。温和的地中海气候促进了丰富的常绿森林，保护了多种鸟类和几种濒危动物。 科西嘉岛海岸线上的海滩距离你的包租游艇只有一小段距离。这里有一些我们最喜欢的风景值得一游。 2. 日期：2019-200 科西嘉岛有385英里的海岸线，200多个海滩，自然资源科西嘉岛的海岸线离你租来的游艇只有一小段距离。这里有一些我们最喜欢的风景值得一游。Html 位于同一高度的div,html,css,Html,Css,有好几天我都不明白该怎么做，我用不同的方法尝试了。 我无法将按钮放置在同一高度 我试过位置：绝对；底部：0；已确立了父母的地位：亲属 @导入url'https://fonts.googleapis.com/css?family=Montserrat|Quicksand:700 |源代码+Sans+Pro&display=swap'； 身体{ 宽度：100%； } 康特纳·纽曼{ 保证金：0自动； 宽度：75em； 边框：1px纯红； 溢出：隐藏； 显示：-webkit flex； 显示：-ms
绝对位置应该绝对有效：
.contener_new_button {
position: absolute;
bottom: 0;
width: 100%;
}
创建一个类来使用所有框来设置高度：100%！重要的
它确实起作用了，希望如此 您可以在jQuery的帮助下为div指定相同的高度。例如，检查下面的链接 你必须给按钮上面的div赋予相等的高度 为此，您必须保持HTML结构如下
<div class="contener_new">
<div class="contener_new_content">
<div class="new-div">
<a href="#"><img src="1.jpg" alt=""></a>
<div class="contener_new_info">
<div class="contener_new_views">2</div>
<div class="contener_new_date">date: 2019-200</div>
</div>
<div class="contener_new_h1"><a href="#">MUST-SEE COASTAL LANDSCAPES IN CORSICA</a></div>
<div class="contener_new_h2">Corsica has 385 miles of coastline, more than 200 beaches, nature reserves, and mountain retreats. A gentle Mediterranean climate has promoted rich forests of evergreen and protects a wide variety of bird species and several endangered animals.
Breacapes on the Corsican coastline are only a short dinghy ride away from your charter yacht. Here are a few of our favorite landscapes worth sailing.
</div>
</div>
<div class="contener_new_button"><a href="">Подробнее...</a></div>
</div>
</div>
$(document).ready(function(){
$('.new-div').equalHeights();
});
这将使按钮粘到底部：
.contener_new_button {
position: absolute;
bottom: 0;
width: 100%;
}
.contener_new_content {
width: 28em;
margin: 1.2em auto;
position: relative;
font-weight: 700;
padding-bottom: 72px;
}
对于相同高度的div，您必须给出相同的高度。这是否回答了您的问题？是的，但他需要在button height+一些边距的父元素中添加填充底部
.contener_new_content {
width: 28em;
margin: 1.2em auto;
position: relative;
font-weight: 700;
padding-bottom: 72px;
}