Question

嗨，我在HTML中有此代码

<div class="box"><!-- a long text --></div>

.box有10行内部文字

.box的CSS是

.box{
    width:200px;
    height: initial;
    overflow: auto;
    min-height: 20px;
}

我想获取.box的高度，我用这个

$('.box').css('height');

但是给我0px

向上代码是供您更好地理解的示例

我元素的真实代码

    <li>                 <p class="proSliderText">this is a p tag</p>
 </li>

css

 .proSliderText{
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-15%;
    min-height: 40px;
    margin-top: -40px;
    width:20%;
    font-size: 4vw;
    height: initial;
}

父标记CSS

    .proSlider li{
    list-style-type: none;
    position: absolute;
    top:0;
    left:0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

Answer 1

如果类div的{{1}}不为空，则代码box应该起作用：

$('.box').css('height')

console.log($('.proSliderText').css('height'));

.proSliderText {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15%;
  min-height: 40px;
  margin-top: -40px;
  width: 20%;
  font-size: 4vw;
  height: initial;
}

.proSlider li {
  list-style-type: none;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

Answer 2

这里不需要jQuery。

console.log(document.querySelector('.box').clientHeight+'px');

.box{ width:200px; height: initial; overflow: auto; min-height: 20px; }

<div class="box">Die US-Amerikaner CHELSEA GRIN haben ihr erstes Album mit Tom Barber (ehemals Lorna Shore) als ihren neuen Sänger angekündigt. Am 13. Juli wird "Eternal Nightmare" bei Rise Records erscheinen und mit "Dead Rose" gibt es auch einen ersten Vorgeschmack, der beweist, daß sich der Nachfolger von Alex Koehler nahtlos in das Bandgefüge einfügt. In den vergangenen Monaten hat sich neben ALEX KOEHLER (Vocals) auch JACOB HARMOND (Guitar) entschieden, aus persönlichen Gründen die Band zu verlassen. CHELSEA GRIN haben sich mit diversen Deutschlandtourneen und ihrem letzten Album "Self Inflicted" in die Herzen der Deathcore-und Metalcore-Fans gespielt. Die US-Amerikaner CHELSEA GRIN haben ihr erstes Album mit Tom Barber (ehemals Lorna Shore) als ihren neuen Sänger angekündigt. Am 13. Juli wird "Eternal Nightmare" bei Rise Records erscheinen und mit "Dead Rose" gibt es auch einen ersten Vorgeschmack, der beweist, daß sich der Nachfolger von Alex Koehler nahtlos in das Bandgefüge einfügt. In den vergangenen Monaten hat sich neben ALEX KOEHLER (Vocals) auch JACOB HARMOND (Guitar) entschieden, aus persönlichen Gründen die Band zu verlassen. CHELSEA GRIN haben sich mit diversen Deutschlandtourneen und ihrem letzten Album "Self Inflicted" in die Herzen</div>

给出未设置的高度元素的高度

2 个答案: