.... </div> <div style="position:relative;width:2000px;height:498px;"> <?php"> .... </div> <div style="position:relative;width:2000px;height:498px;"> <?php"> .... </div> <div style="position:relative;width:2000px;height:498px;"> <?php" />

hoe Div relatieve hoogte te gebruiken 100%?

Ik ben een beginner in het ontwerpen van websites. Ik zou graag een dynamische hoogte van inhoud hebben. Dus ik doe zoiets als dit:

<div style="position:relative;width:100%;height:100%;" id="content">
    ....
</div>

<div style="position:relative;width:2000px;height:498px;">
    <?php include('footer.php'); ?>
</div>

Echter, de div of footer detecteert de hoogte van inhoud niet. Wat moet ik doen? Bedankt.

0
toegevoegd de auteur yudayyy, de bron
Probeer breedte en hoogte te verwijderen, misschien werkt dat.
toegevoegd de auteur Ashwin Singh, de bron
toegevoegd de auteur Siva Charan, de bron

4 antwoord

je kunt jQuery gebruiken voor het doorgeven van hoogte aan een element

$(document).ready(function() {
var hgt = $(window).height();
$("#content").css({"height" : hgt });
});
1
toegevoegd

Ik heb geen idee om dat met CSS te doen, en ik denk niet dat CSS de schermhoek of zo zou detecteren.

$(document).ready(function() {
var sch=screen.height;
d = document.getElementById('content');
d.style.height=screen.height;
});

Dit zou moeten werken. met behulp van jQuery

0
toegevoegd

Hey gebruik deze link om je CSS in lijn te brengen. Wijzigingen aanbrengen wat Ryan Fait Said.

http://ryanfait.com/sticky-footer/

Je kunt de CSS hier vinden,

http://ryanfait.com/sticky-footer/layout.css

en hier is hoe je het gebruikt,

http://ryanfait.com/resources/footer-stick-to- bottom-of-page/

0
toegevoegd

U hebt de hoogte van de inhoud gedefinieerd als 100%, dus dat is waarschijnlijk de reden waarom het de hoogte van de inhoud niet detecteert, aangezien de inhoud zou proberen te passen tot 100% hoogte

probeer het te gebruiken

<div style="position:absolute;bottom:0px;width:2000px;height:498px;">
0
toegevoegd