cari

Rumah  >  Soal Jawab  >  teks badan

Benamkan/iframe sentiasa tinggi penuh

Saya telah membenamkan beberapa fail html yang mempunyai "ketinggian" yang berbeza. Saya mahu kandungan terbenam sentiasa mengisi div induk supaya saya boleh menatal induk dan bukannya kandungan terbenam.

Jika saya menetapkan ketinggian khusus untuk pembalut kandungan yang lebih besar daripada ketinggian kandungan terbenam, ia berfungsi. Satu-satunya masalah ialah ketinggian khusus tidak sepadan dengan fail html terbenam lain kerana kandungan yang berbeza dan meninggalkan banyak ruang kosong. Bagaimanakah saya boleh membuat skala pembalut kandungan kepada ketinggian kandungan terbenam? 

<body onload="mathSubject()">
  <div class="nav">
      
  </div>
    
  <div class="content-wrapper">
      <embed id="embedded-content" type="text/html" src="content.html">
  </div>
</body>
.content-wrapper{
    width: 80vw;
    height: 90vh;
    margin-left: auto;
    margin-right: auto;
}

#embedded-content{
  width: 100%;
  height: 100%;
}

Saya cuba menetapkan ketinggian kandungan terbenam dan pembungkus kandungan kepada 100% atau automatik, tetapi kedua-duanya tidak berjaya.

P粉021553460P粉021553460239 hari yang lalu530

membalas semua(1)saya akan balas

  • P粉741223880

    P粉7412238802024-04-01 09:30:55

    Saya menyelesaikan masalah saya dengan menggunakan javascript untuk menetapkan ketinggian iframe kepada ketinggian kandungannya, menggunakan tapak web ini: https://www.tutorialrepublic.com/faq/automatically-adjust-iframe-height-according-to- its -content-using-javascript.php

    <style>
iframe{
    width: 100%;
    border: 2px solid #ccc;
}
</style>

<iframe src="demo.php" id="myIframe"></iframe>

<script>
// Selecting the iframe element
var iframe = document.getElementById("myIframe");

// Adjusting the iframe height onload event
iframe.onload = function(){
    iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
}
</script>

    balas
    0
  • Batalbalas